B — A–Z
Every CSS entry starting with B, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.
| Name | Description |
|---|---|
| Color | |
ButtonBorder | System colour: the border of a button. |
ButtonFace | System colour: the background of a button. |
ButtonText | System colour: text on a button. |
beige | Named colour #f5f5dc. |
bisque | Named colour #ffe4c4. |
black | Named colour #000000. |
blanchedalmond | Named colour #ffebcd. |
blue | Named colour #0000ff. |
blueviolet | Named colour #8a2be2. |
brown | Named colour #a52a2a. |
burlywood | Named colour #deb887. |
| Container feature | |
block-size | The block size of the query container's content box. |
| Descriptor | |
base-palette | An @font-palette-values descriptor: the built-in palette to start from. |
| Function | |
blur() | A Gaussian blur filter. |
brightness() | A filter that scales brightness. |
| Property | |
backdrop-filter | Applies filter effects to whatever is behind an element. |
backface-visibility | Whether the back of a box shows when turned away. |
background | Shorthand for all the background longhands, in comma-separated layers. |
background-attachment | Whether a background scrolls with the element, its content or stays fixed. |
background-blend-mode | How an element's background layers blend with each other. |
background-clip | How far the background is painted: a box, the border area or the text. |
background-color | A solid colour painted beneath the background images. |
background-image | One or more images or gradients painted as background layers. |
background-origin | Which box background positions and sizes are measured against. |
background-position | Where each background image is placed in its positioning area. |
background-position-x | The horizontal position of each background image. |
background-position-y | The vertical position of each background image. |
background-repeat | Whether and how background images are tiled. |
background-size | The size of each background image, including cover and contain. |
baseline-shift | Raises or lowers an inline box from its baseline. |
baseline-source | Whether an inline block aligns by its first or last baseline. |
block-size | The preferred size of a box along the block axis. |
border | Sets the width, style and colour of all four borders at once. |
border-block | Sets the block-start and block-end borders to the same value. |
border-block-color | Sets the colours of the block-start and block-end borders. |
border-block-end | Sets the width, style and colour of the block-end border. |
border-block-end-color | The colour of the block-end border. |
border-block-end-style | The line style of the block-end border. |
border-block-end-width | The thickness of the block-end border. |
border-block-start | Sets the width, style and colour of the block-start border. |
border-block-start-color | The colour of the block-start border. |
border-block-start-style | The line style of the block-start border. |
border-block-start-width | The thickness of the block-start border. |
border-block-style | Sets the line styles of the block-start and block-end borders. |
border-block-width | Sets the thickness of the block-start and block-end borders. |
border-bottom | Sets the width, style and colour of the bottom border. |
border-bottom-color | The colour of the bottom border. |
border-bottom-left-radius | The radius of the bottom-left corner. |
border-bottom-right-radius | The radius of the bottom-right corner. |
border-bottom-style | The line style of the bottom border. |
border-bottom-width | The thickness of the bottom border. |
border-collapse | Whether table cells have separate borders or share collapsed ones. |
border-color | Shorthand for the colours of the four physical borders. |
border-end-end-radius | The radius of the block-end, inline-end corner. |
border-end-start-radius | The radius of the block-end, inline-start corner. |
border-image | Shorthand that draws an image in the border area instead of the border styles. |
border-image-outset | How far the border image reaches beyond the border box. |
border-image-repeat | Whether the border image edges are stretched, repeated, rounded or spaced. |
border-image-slice | Where to cut the border image into corner, edge and middle pieces. |
border-image-source | The image drawn in the border area. |
border-image-width | How thick the border image is drawn on each side. |
border-inline | Sets the inline-start and inline-end borders to the same value. |
border-inline-color | Sets the colours of the inline-start and inline-end borders. |
border-inline-end | Sets the width, style and colour of the inline-end border. |
border-inline-end-color | The colour of the inline-end border. |
border-inline-end-style | The line style of the inline-end border. |
border-inline-end-width | The thickness of the inline-end border. |
border-inline-start | Sets the width, style and colour of the inline-start border. |
border-inline-start-color | The colour of the inline-start border. |
border-inline-start-style | The line style of the inline-start border. |
border-inline-start-width | The thickness of the inline-start border. |
border-inline-style | Sets the line styles of the inline-start and inline-end borders. |
border-inline-width | Sets the thickness of the inline-start and inline-end borders. |
border-left | Sets the width, style and colour of the left border. |
border-left-color | The colour of the left border. |
border-left-style | The line style of the left border. |
border-left-width | The thickness of the left border. |
border-radius | Shorthand that rounds the four corners of a box. |
border-right | Sets the width, style and colour of the right border. |
border-right-color | The colour of the right border. |
border-right-style | The line style of the right border. |
border-right-width | The thickness of the right border. |
border-shape | Draws the border along a basic shape instead of the box rectangle. |
border-spacing | The gap between the borders of adjacent table cells. |
border-start-end-radius | The radius of the block-start, inline-end corner. |
border-start-start-radius | The radius of the block-start, inline-start corner. |
border-style | Shorthand for the line style of the four physical borders. |
border-top | Sets the width, style and colour of the top border. |
border-top-color | The colour of the top border. |
border-top-left-radius | The radius of the top-left corner. |
border-top-right-radius | The radius of the top-right corner. |
border-top-style | The line style of the top border. |
border-top-width | The thickness of the top border. |
border-width | Shorthand for the thickness of the four physical borders. |
bottom | The distance of a positioned box from the bottom of its containing block. |
box-decoration-break | Whether each fragment of a split box gets its own borders and background. |
box-shadow | One or more shadows around or inside a box. |
box-sizing | Whether width and height measure the content box or the border box. |
break-after | Forces or avoids a page or column break after a box. |
break-before | Forces or avoids a page or column break before a box. |
break-inside | Tries to keep a box from splitting across pages or columns. |
| Pseudo-class | |
:buffering | Matches a playing media element that is waiting for data. |
| Pseudo-element | |
::backdrop | The box behind a modal dialog, popover or full-screen element. |
::before | Generated content inserted before an element's own content. |
:before | Legacy single-colon form of ::before from CSS 2. |
| Type | |
<baseline-position> | Align items by their first or last text baseline. |
<basic-shape> | A shape function: inset(), circle(), ellipse(), polygon(), path() or shape(). |
<blend-mode> | How a layer's colours combine with those behind it. |
<box-size> | A box size: a length, percentage or content-sizing keyword. |