B.1. Visual Media
Shorthand property for specifying all aspects of an element background. Values:[<'background-color'>||<'background-image'>|| <'background-repeat'>||<'background-attachment'>|| <'background-position'>]|inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Percentages:Allowed on background-position. Computed value:See individual properties.
Specifies whether the background image scrolls with the document or is fixed in the viewport (typically the browser window). Values:scroll | fixed | inherit Initial value:scroll Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies a solid background color for the element that appears behind its content area, padding, and border. Values:<color> | transparent |i nherit Initial value:transparent Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies an image to be used as the background for an element. Values:<uri> | none | inherit Initial value:none Applies to:All elements. Inherited:No. Computed value:Absolute URI.
Sets the position of the background origin image, relative to the element. Values:[ [<percentage> | <length> | left | center | right ] [<percentage> |<length> | top | center | bottom ]? | [ [left | center | right ] || [top | center | bottom ] ] | inherit Initial value:0% 0% /* same as left top */ Applies to:All elements. Inherited:No. Percentages:Refer to the size of the box itself. Computed value:Absolute length offsets or percentage values.
Controls the tiling pattern for the background image. Backgrounds can be set to tile in both directions, vertically, horizontally, or not at all. Images repeat in both directions starting with the origin image. Values:repeat | repeat-x | repeat-y | no-repeat | inherit Initial value:repeat Applies to:All elements. Inherited:No. Computed value:As specified.
Shorthand property for specifying the border style, width, and color to be applied to all sides of an element. Values:[ <border-style> || <border-width> || <border-color> ] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:As specified.
Shorthand property for specifying style, width, and color for the bottom edge of the element. Values:[ <border-style> || <border-width> || <border-color> ] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Specifies a color for the border on the bottom edge of an element. Values:<color> | transparent | inherit Initial value:The value of the color property for the element Applies to:All elements. Inherited:No. Computed value:As specified (the foreground color is used if no border color is specified).
Specifies the style of the border on the bottom edge of the element. The value must be something other than none for the border to appear. Values:none | dotted | dashed | solid | double | groove | ridge | inset | outset Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the width of the border on the bottom edge of an element. Values:thin | medium | thick | <length> | inherit Initial value:medium Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the border rendering model for a table element. Values:collapse | separate | inherit Initial value:separate Applies to:Table and inline-table elements. Inherited:Yes. Computed value:As specified.
Shorthand property for specifying the border color for each side of an element. Values:[<color> | transparent]{1,4} | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Shorthand property for specifying style, width, and color for the left edge of the element. Values:[ <border-style> || <border-width> || <border-color> ] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Specifies a color for the border on the left edge of an element. Values:<color> | transparent | inherit Initial value:The value of the color property for the element. Applies to:All elements. Inherited:No. Computed value:As specified (foreground color is used if no border color is specified).
Specifies the style of the border on the left edge of the element. The value must be something other than none for the border to appear. Values:none | dotted | dashed | solid | double | groove | ridge | inset | outset Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the width of the border on the left edge of an element. Values:thin | medium | thick | <length> | inherit Initial value:medium Applies to:All elements. Inherited:No. Computed value:Absolute length; 0 if the style is set to none or hidden.
Shorthand property for specifying style, width, and color for the right edge of the element. Values:[ <border-style> || <border-width> || <border-color> ] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Specifies a color for the border on the right edge of an element. Values:<color> | transparent | inherit Initial value:The value of the color property for the element. Applies to:All elements. Inherited:No. Computed value:As specified (the foreground color is used if no border color is specified).
Specifies the style of the border on the right edge of the element. The value must be something other than none for the border to appear. Values:none | dotted | dashed | solid | double | groove | ridge | inset | outset Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the width of the border on the right edge of an element. Values:thin | medium | thick | <length> | inherit Initial value:medium Applies to:All elements. Inherited:No. Computed value:Absolute length; 0 if the style of the border is none or hidden.
Specifies the amount of space to be held between table cell borders when the separate border model is selected. Values:<length> <length>? | inherit Initial value:0 Applies to:Table and inline-table elements. Inherited:Yes. Computed value:As specified.
Shorthand property for specifying the border style for each side of an element. The value must be something other than none for the border to appear. Values:[none|dotted|dashed|solid|double|groove|ridge|inset|outset]{1,4}|inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Shorthand property for specifying style, width, and color for the top edge of the element. Values:[ <border-style> || <border-width> || <border-color> ] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Specifies a color for the border on the top edge of an element. Values:<color> | transparent | inherit Initial value:The value of the color property for the element. Applies to:All elements. Inherited:No. Computed value:As specified (the foreground color is used if no border color is specified).
Specifies the style of the border on the top edge of the element. The value must be something other than none for the border to appear. Values:none | dotted | dashed | solid | double | groove | ridge | inset | outset Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the width of the border on the top edge of an element. Values:thin | medium | thick | <length> | inherit Initial value:medium Applies to:All elements. Inherited:No. Computed value:Absolute length; 0 if the border style is none or hidden.
Shorthand property for specifying the width of the border for each side of the element. Values:[thin | medium | thick | <length> ]{1,4} | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Specifies the offset between the bottom outer edge of a positioned element and the bottom edge of its containing block. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Positioned elements (where position value is relative, absolute, or fixed). Inherited:No. Percentages:Refer to height of containing block. Computed value:For static elements, auto. For length values, the absolute length. For percentage values, the specified value. For relatively positioned elements, if both bottom and top are auto, their computed values are both 0; if one of them is auto, it becomes the negative of the other; if neither is auto, bottom will become the negative of the top. Otherwise, auto.
Specifies whether the table caption should appear above or below the table. Values:top | bottom | inherit Initial value:top Applies to:Table-caption elements (caption in HTML). Inherited:Yes. Computed value:As specified.
Specifies whether to allow floating elements on an element's sides (more accurately, the sides along which floating items are not accepted). none means floated elements are allowed (but not required) on both sides. Values:left | right | both | none | inherit Initial value:none Applies to:Block-level elements. Inherited:No. Computed value:As specified.
Specifies the dimensions of a clipping rectangle through which the contents of an absolutely positioned element are visible. Values:rect(top, right, bottom, left) | auto | inherit Initial value:auto Applies to:Absolutely positioned elements. Inherited:No. Computed value:Four lengths representing the edges of the clipping area.
Used to describe the foreground (text color for HTML elements) color of an element. Values:<color> | inherit Initial value:Depends on user agent. Applies to:All elements. Inherited:Yes. Computed value:As specified.
Defines the generated content to be placed before or after an element. Values:normal | [ <string> | <uri> | <counter> | attr(<identifier>) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit Initial value:normal Applies to::before and :after pseudoelements. Inherited:No. Computed value:As specified.
Specifies the increment amount for a counter (positive and negative values are accepted). Values:[<identifier> <integer>? ]+ | none | inherit Initial value:None. Applies to:All elements. Inherited:No. Computed value:As specified.
Resets a counter to any value (positive or negative). Values:[<identifier> <integer>? ]+ | none | inherit Initial value:Depends on user agent. Applies to:All elements. Inherited:No. Computed value:As specified.
Defines a cursor shape to be used when the mouse pointer is over the element. Values:[[<uri>,]* [auto | default | pointer | crosshair | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress]] | inherit Initial value:auto Applies to:All elements. Inherited:Yes. Computed value:For <uri> values, an absolute URI; otherwise, as specified.
Specifies the writing direction for text in the document (right to left or left to right). Values:ltr | rtl | inherit Initial value:ltr Applies to:All elements. Inherited:Yes. Computed value:As specified.
Defines the type of box the element generates during layout. Values:inline | block | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none | inherit Initial value:inline Applies to:All elements. Inherited:No. Computed value:As specified (varies for floated, positioned, and root elements).
Specifies whether the background and borders of an empty table cell should be rendered when the separated border model is selected. Values:show | hide | inherit Initial value:show Applies to:Table cell elements. Inherited:Yes. Computed value:As specified.
Defines the direction in which an element is floated (allowing the following document flow to wrap around it). Values:left | right | none | inherit Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Shorthand property for specifying (at minimum) the font size and family, as well as style, variant, weight, and line height. Additional keywords pull in fonts from various operating system elements. Values:[[<'font-style'> || <'font-variant'> || <'font-weight'>]? <'font-size'> [/<'line-height'>]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit Initial value:Uses individual property default values. Applies to:All elements. Inherited:Yes. Computed value:See individual properties.
Specifies any font (or list of fonts, separated by commas) for a text element. Bear in mind, however, that the font needs to be present on the user's machine to display. Values:[[<family-name> | <generic-family> ] [,<family-name> | <generic-family> ]*] | inherit Initial value:Depends on user agent (the default font in the browsing device). Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies the size of the font for a text element. Values:xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger | <length> | <percentage> | inherit Initial value:medium Applies to:All elements. Inherited:Yes. Percentages:Refer to parent element's font size. Computed value:Absolute length.
Specifies the "posture" of the font for a text element (normal, italic, or oblique). Values:normal | italic | oblique | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies the use of a small-caps font for the text element. If no true small-caps font is available, it is approximated using reduced uppercase letters from the current font. Values:normal | small-caps | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies the weight or "boldness" of the font for a text element. Values:normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Computed value:Numeric value or numeric value plus one of the relative values (bolder or lighter) if specified.
Specifies the height of an element's content area. Padding, borders, and margins are added to this value. Negative values are not permitted. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Block-level elements and replaced elements (such as images); it is ignored for inline text (nonreplaced) elements. Inherited:No. Percentages:Refer to the height of the generated box's containing block. If the height of the containing block is not specified explicitly, and this element is not absolutely positioned, the value computes to auto. A percentage height on the root element is relative to the initial containing block. Computed value:As specified (unless the property doesn't apply to the element, then auto).
Specifies the offset between the left outer edge of a positioned element and the left edge of its containing block. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Positioned elements (where position value is relative, absolute, or fixed). Inherited:No. Percentages:Refer to width of containing block. Computed value:For static elements, auto. For length values, the absolute length. For percentage values, the specified value. For relatively positioned elements, the computed value of left always equals right. Otherwise, auto.
Specifies an amount of space to be added between the letters of a text element. Values:normal | <length> | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Computed value:Absolute length as specified; otherwise, normal.
Specifies the minimum amount of space between baselines of adjacent text lines. Negative values are not permitted. Values:normal | <number> | <length> | <percentage> | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Percentages:Relative to the font size of the element itself. Computed value:For length and percentage values, the absolute values; otherwise, as specified.
Shorthand property for specifying the type, image, and position of markers for a list. Values:[<list-style-type> || <list-style-image> || <list-style-position>] | inherit Initial value:See individual properties. Applies to:Elements whose display value is list-item (in HTML, the ul, ol, and li elements). Inherited:Yes. Computed value:See individual properties.
Specifies an image to be used as a marker for a list. Values:<uri> | none | inherit Initial value:none Applies to:Elements whose display value is list-item (in HTML, the ul, ol, and li elements). Inherited:Yes. Computed value:The absolute URI (when provided) or none.
Specifies the position of the marker relative to the content area of the list. By default, the marker is placed some distance outside the border edge. Setting it to inside makes the marker behave as an inline element at the beginning of the list item. Values:inside | outside | inherit Initial value:outside Applies to:Elements whose display value is list-item (in HTML, the li element by default). Inherited:Yes. Computed value:As specified.
Defines the type of marker or numbering system to be used for a list. A value of none suppresses the display of the marker, but does not prevent the item from being counted. Values:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | lower-alpha | upper-alpha | none | inherit Initial value:disc Applies to:Elements whose display value is list-item (in HTML, the li element by default). Inherited:Yes. Computed value:As specified.
Shorthand property for specifying the amount of margin to appear on each side of an element. Negative values are permitted. Values:[<length> | <percentage> | auto]{1,4} | inherit Initial value:See individual properties. Applies to:All elements (except elements with table display types other than table and inline-table). Inherited:No. Percentages:Refer to width of containing block. Computed value:See individual properties.
Specifies the width of the bottom margin for an element. Negative values are permitted. Values:<length> | <percentage> | auto | inherit Initial value:0 Applies to:All elements (except elements with table display types other than table and inline-table). Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified.
Specifies the width of the left margin for an element. Negative values are permitted. Values:<length> | <percentage> | auto | inherit Initial value:0 Applies to:All elements (except elements with table display types other than table and inline-table). Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified.
Specifies the width of the right margin for an element. Negative values are permitted. Values:<length> | <percentage> | auto | inherit Initial value:0 Applies to:All elements (except elements with table display types other than table and inline-table). Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified.
Specifies the width of the top margin for an element. Negative values are permitted. Values:<length> | <percentage> | auto | inherit Initial value:0 Applies to:All elements (except elements with table display types other than table and inline-table). Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified.
Specifies the maximum height of an element. Negative values are not permitted. Values:<length> | <percentage> | none | inherit Initial value:none Applies to:All elements except nonreplaced inline elements (i.e., inline text elements), table columns, and column groups. Inherited:No. Percentages:Refer to the height of the containing block; if the height of the containing block is not specified and the element is not absolutely positioned, the percentage value is treated as 0 (zero). Computed value:Percentage values or absolute length as specified; otherwise, none.
Specifies the maximum width of an element. Negative values are not permitted. Values:<length> | <percentage> | none | inherit Initial value:none Applies to:All elements except nonreplaced elements (i.e., inline text elements), table rows, and row groups. Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified.
Specifies the minimum height of an element. Negative values are not permitted. Values:<length> | <percentage> | none | inherit Initial value:none Applies to:All elements except nonreplaced elements (i.e., inline text elements), table columns, and column groups. Inherited:No. Percentages:Refer to the height of the containing block; if the height of the containing block is not specified and the element is not absolutely positioned, the percentage value is treated as 0 (zero). Computed value:Percentage values or absolute length as specified.
Specifies the minimum width of an element. Negative values are not permitted. Values:<length> | <percentage> | none | inherit Initial value:none Applies to:All elements except nonreplaced elements (i.e., inline text elements) and table elements. Inherited:No. Percentages:Refer to width of the containing block. Computed value:Percentage values or absolute length as specified; otherwise, none.
Shorthand property for specifying the outline for an element. Values:[<outline-color> || <outline-style> || <outline-width>] | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Computed value:See individual properties.
Sets the color for the visible portions of the outline of an element. Values:<color> | invert | inherit Initial value:invert, or browser-specific for those that do not support invert. Applies to:All elements. Inherited:No. Computed value:As specified.
Sets the style for the overall outline of an element. The style must be set to something other than none for the outline to appear. Values:none | dotted | dashed | solid | double | groove | groove | ridge | inset | outset | inherit Initial value:none Applies to:All elements. Inherited:No. Computed value:As specified.
Sets the width for the overall outline of an element. If the style is none, the width is effectively set to 0 (zero). Values:thin | medium | thick | <length> | inherit Initial value:medium Applies to:All elements. Inherited:No. Computed value:Absolute length; 0 if the style is none or hidden.
Specifies what happens to content that doesn't fit in the content area of an element. Values:visible | hidden | scroll | auto | inherit Initial value:visible Applies to:Block-level and replaced elements. Inherited:No. Computed value:As specified.
Shorthand property for specifying the amount of padding to be applied to each side of an element. Negative values are not permitted. Values:[<length> | <percentage> ]{1,4} | inherit Initial value:See individual properties. Applies to:All elements. Inherited:No. Percentages:Refer to the width of the containing block. Computed value:See individual properties.
Specifies the amount of padding to be applied to the bottom of an element. Negative values are not permitted. Values:<length> | <percentage> | inherit Initial value:0 Applies to:All elements, except elements with table display types other than table, inline-table, and table-cell. Inherited:No. Percentages:Refer to the width of the containing block. Computed value:Percentage values or absolute length, as specified.
Specifies the amount of padding to be applied to the left edge of an element. Negative values are not permitted. Values:<length> | <percentage> | inherit Initial value:0 Applies to:All elements, except elements with table display types other than table, inline-table, and table-cell. Inherited:No. Percentages:Refer to the width of the containing block. Computed value:Percentage values or absolute length, as specified.
Specifies the amount of padding to be applied to the right edge of an element. Negative values are not permitted. Values:<length> | <percentage> | inherit Initial value:0 Applies to:All elements, except elements with table display types other than table, inline-table, and table-cell. Inherited:No. Percentages:Refer to the width of the containing block. Computed value:Percentage values or absolute length, as specified.
Specifies the amount of padding to be applied to the top of an element. Negative values are not permitted. Values:<length> | <percentage> | inherit Initial value:0 Applies to:All elements, except elements with table display types other than table, inline-table, and table-cell. Inherited:No. Percentages:Refer to the width of the containing block. Computed value:Percentage values or absolute length, as specified.
Specifies the method for positioning an element. Values:static | relative | absolute | fixed | inherit Initial value:static Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the quotation marks for lists and nested lists. Quotation marks are inserted with the content property. Values:[<string> <string> ]+ | none | inherit Initial value:Depends on user agent. Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies the offset between the right outer edge of a positioned element and the right edge of its containing block. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Positioned elements (where position value is relative, absolute, or fixed). Inherited:No. Percentages:Refer to width of containing block. Computed value:For static elements, auto. For length values, the absolute length. For percentage values, the specified value. For relatively positioned elements, the computed value of left always equals right.
Selects the table layout algorithm used for laying out the table cells, rows, and columns. Values:auto | fixed | inherit Initial value:auto Applies to:table and inline-table elements. Inherited:No. Computed value:As specified.
Specifies the horizontal alignment of text in block-level elements and table cells. Values:left | right | center | justify | inherit Initial values:left for languages that read left to right right for languages that read right to left Applies to:Block-level elements and table cells. Inherited:Yes. Computed value:As specified.
Specifies text effects that draw lines under, over, or through text. Values:none | [ underline || overline || line-through || blink ] | inherit Initial value:none Applies to:All elements. Inherited:No, but a text decoration is "drawn through" any child elements. Computed value:As specified.
Specifies an amount of indent for the first line of text in a block-level element. Values:<length> | <percentage> | inherit Initial value:0 Applies to:Block-level elements and table cells. Inherited:Yes. Percentages:Refer to the width of the containing block. Computed value:Percentage values or absolute length, as specified.
Specifies the capitalization scheme for a text element. Values:none | capitalize | lowercase | uppercase | inherit Initial value:none Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies the offset between the top outer edge of a positioned element and the top edge of its containing block. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Positioned elements (where position value is relative, absolute, or fixed). Inherited:No. Percentages:Refer to height of containing block. Computed value:For static elements, auto. For length values, the absolute length. For percentage values, the specified value. For relatively positioned elements, if both top and bottom are auto, their computed values are both 0; if one is auto, it becomes the negative of the other; if neither is auto, bottom will become the negative value of top.
Allows the author to generate levels of embedding within the Unicode embedding algorithm. Values:normal | embed | bidi-override | inherit Initial value:normal Applies to:All elements. Inherited:No. Computed value:As specified.
Specifies the vertical alignment of an inline element's baseline relative to the baseline or line box of the line in which it resides. When used with table cells, only the values baseline, top, middle, and bottom apply. Values:baseline | sub | super | top | text-top | middle | text-bottom | bottom | <percentage> | <length> | inherit Initial value:baseline Applies to:Inline elements and table cell elements. Inherited:No. Percentages:Refer to the line-height of the element itself. Computed value:For percentage and length values, the absolute length; otherwise, as specified.
Specifies whether an element is rendered. Invisible boxes still affect layout. Values:visible | hidden | collapse | inherit Initial value:visible Applies to:All elements. Inherited:Yes. Computed value:As specified.
Specifies how whitespace in the element source is handled in layout. Values:normal | pre | nowrap | pre-wrap | pre-line | inherit Initial value:normal Applies to:All elements (as of CSS 2.1); block-level elements (CSS 1 and CSS 2). Inherited:Yes. Computed value:As specified.
Defines the width of an element's content area. Padding, borders, and margins are added to this value. Negative values are not permitted. Values:<length> | <percentage> | auto | inherit Initial value:auto Applies to:Block-level elements and replaced elements (such as images). Inherited:No. Percentages:Refer to the width of the containing block. Computed value:The percentage value or auto as specified or the absolute length; auto if the property does not apply.
Specifies an amount of space to be inserted between words in a text element. Negative values are permitted. Values:normal | <length> | inherit Initial value:normal Applies to:All elements. Inherited:Yes. Computed value:For normal, the absolute length 0; otherwise, the absolute length.
Specifies the stacking level for a positioned element. Values:<integer> | auto | inherit Initial value:auto Applies to:Positioned elements. Inherited:No. Computed value:As specified. |