CSS 3 Status
This article routinely track the properties that exist, or have been suggested, for the upcoming CSS 3 standard(s). Please note that this is an automatically generated document, and as such is not a hundred per cent accurate.
CSS 3 support information courtesy of Web Devout.
| Name | Value(s) | Module | Status | Support |
|---|---|---|---|---|
| appearance | Basic User Interface | CR |  |
|
| ascent | number | Web Fonts | LC | — |
| background | [ bg-layer , ]* final-bg-layerInitial: | Backgrounds and Borders | WD | — |
| background-attachment | scroll | fixed | local [, scroll | fixed | local]* | Backgrounds and Borders | WD | — |
| background-break | bounding-box | each-box | continuous | Backgrounds and Borders | WD | — |
| background-clip | [border | padding] [, [border | padding]]* | Backgrounds and Borders | WD | — |
| background-color | colorInitial: | Backgrounds and Borders | WD | — |
| background-image | uri [ , uri ]* | none | Backgrounds and Borders | WD | — |
| background-origin | [border | padding | content] [, [border | padding | content]]* | Backgrounds and Borders | WD | — |
| background-position | bg-position [ , bg-position ]* | Backgrounds and Borders | WD | — |
| background-repeat | repeat [ , repeat ]* | Backgrounds and Borders | WD | — |
| background-size | [ [ length | percentage | auto ]{1,2} || round ][ [ , [ length | percentage | auto ]{1,2} ] || round]* | Backgrounds and Borders | WD | — |
| baseline | number | Web Fonts | LC | — |
| bbox | number, number, number, number | Web Fonts | LC | — |
| bookmark-label | content | attr> | string> Initial: | Generated Content for Paged Media | WD | — |
| bookmark-level | none | integer> Initial: | Generated Content for Paged Media | WD | — |
| bookmark-target | self | uri> | attr> Initial: | Generated Content for Paged Media | WD | — |
| border-color | color{1,4} | Backgrounds and Borders | WD | — |
| border-image | none | uri[number | percentage]{4} [ / border-width{1,4} ]? [stretch |repeat | round]{0,2} | Backgrounds and Borders | WD | — |
| border-length | length | auto | Generated Content for Paged Media | WD | — |
| border-style | border-style{1,4} | Backgrounds and Borders | WD | — |
| border-top-color | colorInitial: | Backgrounds and Borders | WD | — |
| border-top-style | border-styleInitial: | Backgrounds and Borders | WD | — |
| border-top-width | border-widthInitial: | Backgrounds and Borders | WD | — |
| border-width | border-width{1,4} | Backgrounds and Borders | WD | — |
| box-align | start | end | center | baseline | stretch | Template Layout | WD | — |
| box-direction | normal | reverse | Template Layout | WD | — |
| box-flex | number | Template Layout | WD | — |
| box-flex-group | integer | Template Layout | WD | — |
| box-lines | single | multiple | Template Layout | WD | — |
| box-orient | horizontal | vertical | inline-axis | block-axis | Template Layout | WD | — |
| box-pack | start | end | center | justify | Template Layout | WD | — |
| box-sizing | content-box | border-box | inherit | Basic User Interface | CR | |
| cap-height | number | Web Fonts | LC | — |
| centerline | number | Web Fonts | LC | — |
| color | color | inherit | Color | LC | — |
| column-break-after | auto | avoid | Multi-column Layout | WD | — |
| column-break-before | auto | always | avoid | Multi-column Layout | WD | — |
| column-count | integer | auto | Multi-column Layout | WD | — |
| column-gap | length | normal | Multi-column Layout | WD | — |
| column-rule | 'border-width' || 'border-style' || color | Multi-column Layout | WD | — |
| column-rule-color | color | transparent | Multi-column Layout | WD | — |
| column-rule-style | border-style | Multi-column Layout | WD | — |
| column-rule-width | border-width | Multi-column Layout | WD | — |
| column-width | length | auto | Multi-column Layout | WD | — |
| columns | [ [ integer | auto] || [ length | auto] ] | Multi-column Layout | WD | — |
| content | Basic User Interface | CR | |
|
| counter-increment | [ identifier integer? ]+ | none | Generated and Replaced Content | WD | — |
| counter-reset | [ identifier integer? ]+ | none | Generated and Replaced Content | WD | — |
| cursor | [ [uri [x y]?,]* [ auto | default | none |context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize |sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize |col-resize | row-resize | all-scroll ] ] | inherit | Basic User Interface | CR | |
| definition-src | uri | Web Fonts | LC | — |
| descent | number | Web Fonts | LC | — |
| display | Template Layout | WD | — | |
| display-model | Template Layout | WD | — | |
| display-role | Template Layout | WD | — | |
| fit | fill | hidden | meet | slice | Paged Media | LC | — |
| fit-position | [ [percentage | length ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | auto | Paged Media | LC | — |
| float-offset | length> length> ? | Generated Content for Paged Media | WD | — |
| font | Basic User Interface | CR | |
|
| font-effect | none | emboss | engrave | outline | Fonts | LC | — |
| font-emphasize | Fonts | LC | — | |
| font-emphasize-position | before | after | Fonts | LC | — |
| font-emphasize-style | Fonts | LC | — | |
| font-family | [[ family-name | generic-family ],]* [family-name | generic-family | none] | Fonts | LC | — |
| font-size | absolute-size | relative-size | length | percentage | Fonts | LC | — |
| font-size-adjust | Fonts | LC | — | |
| font-smooth | auto | never | always | absolute-size | length | Fonts | LC | — |
| font-stretch | Fonts | LC | — | |
| font-style | normal | italic | oblique | Fonts | LC | — |
| font-variant | normal | small-caps | Fonts | LC | — |
| font-weight | Fonts | LC | — | |
| hanging-punctuation | none | [ start || end || end-edge ] | Text | WD | — |
| hyphenate-after | integer> | auto | Generated Content for Paged Media | WD | — |
| hyphenate-before | integer> | auto | Generated Content for Paged Media | WD | — |
| hyphenate-character | auto | string> Initial: | Generated Content for Paged Media | WD | — |
| hyphenate-lines | no-limit | integer> Initial: | Generated Content for Paged Media | WD | — |
| hyphenate-resource | none | uri | Generated Content for Paged Media | WD | — |
| hyphens | none | manual | auto | Generated Content for Paged Media | WD | — |
| icon | auto | uri [, uri]* | inherit | Basic User Interface | CR | |
| image-orientation | auto | angle | Paged Media | LC | — |
| image-resolution | normal | auto | dpi> [ , normal | dpi> ]? | Generated Content for Paged Media | WD | — |
| list-style | [ 'list-style-type' || 'list-style-position' || 'list-style-image' ] | Lists | WD | — |
| list-style-image | uri | none | Lists | WD | — |
| list-style-position | inside | outside | Lists | WD | — |
| list-style-type | glyph | algorithmic | numeric | alphabetic | symbolic | non-repeating | normal | none | Lists | WD | — |
| marks | [ crop || cross ] | none | Generated Content for Paged Media | WD | — |
| mathline | number | Web Fonts | LC | — |
| move-to | normal | here | identifier | Generated and Replaced Content | WD | — |
| nav-index | Basic User Interface | CR | |
|
| nav-up | Basic User Interface | CR | |
|
| opacity | alphavalue | inherit | Color | LC | — |
| orphans | integer | Paged Media | LC | — |
| outline | [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit | Basic User Interface | CR | |
| outline-color | color | invert | inherit | Basic User Interface | CR | |
| outline-offset | length | inherit | Basic User Interface | CR | |
| outline-style | auto | border-style | inherit | Basic User Interface | CR | |
| outline-width | border-width | inherit | Basic User Interface | CR | |
| page | auto | identifier | Paged Media | LC | — |
| page-break-after | auto | always | avoid | left | right | Paged Media | LC | — |
| page-break-before | auto | always | avoid | left | right | Paged Media | LC | — |
| page-break-inside | auto | avoid | Paged Media | LC | — |
| page-policy | start | first | last | Generated and Replaced Content | WD | — |
| panose-1 | [integer]{10} | Web Fonts | LC | — |
| position | Template Layout | WD | — | |
| presentation-level | integer | same | increment | Presentation Levels | WD | — |
| punctuation-trim | none | [start || end || adjacent] | Text | WD | — |
| quotes | foo | bar | Generated and Replaced Content | WD | — |
| resize | Basic User Interface | CR | |
|
| ruby-align | auto | start | left | center | end | right | distribute-letter | distribute-space | line-edge | Ruby | CR | |
| ruby-overhang | auto | start | end | none | Ruby | CR | |
| ruby-position | before | after | right | Ruby | CR | |
| ruby-span | attr(x) | none | Ruby | CR | |
| size | length{1,2} | auto | [ page-size || [ portrait | landscape] ] | Paged Media | LC | — |
| slope | number | Web Fonts | LC | — |
| src | [ uri [format(string [, string]*)] |font-face-name ] [, uri [format(string [,string]*)] | local(font-face-name) ]* | Web Fonts | LC | — |
| stemh | number | Web Fonts | LC | — |
| stemv | number | Web Fonts | LC | — |
| string-set | [[ identifier> content-list>] [, identifier> content-list>]* ] | none | Generated Content for Paged Media | WD | — |
| tab-side | top | bottom | left | right | Template Layout | WD | — |
| target | target-name || target-new || target-position | Hyperlink Presentation | WD | — |
| target-name | current | root | parent | new | modal | string | Hyperlink Presentation | WD | — |
| target-new | window | tab | none | Hyperlink Presentation | WD | — |
| target-position | above | behind | front | back | Hyperlink Presentation | WD | — |
| text-emphasis | none | [ [ accent | dot | circle | disc] [ before | after ]? ] | Text | WD | — |
| text-indent | [ length | percentage ] hanging? | Text | WD | — |
| text-outline | none | [ color length length? | length length? color ] | Text | WD | — |
| text-replace | [string> string>]+ | none | Generated Content for Paged Media | WD | — |
| text-shadow | none | [shadow, ] * shadow | Text | WD | — |
| text-wrap | normal | unrestricted | none | suppress | Text | WD | — |
| topline | number | Web Fonts | LC | — |
| unicode-range | urange [, urange]* | Web Fonts | LC | — |
| units-per-em | number | Web Fonts | LC | — |
| white-space | normal | pre | nowrap | pre-wrap | pre-line | Text | WD | — |
| white-space-collapse | preserve | collapse | preserve-breaks | discard | Text | WD | — |
| widows | integer | Paged Media | LC | — |
| widths | [urange ]? [number ]+ [,[urange ]? number]+] | Web Fonts | LC | — |
| word-break | normal | keep-all | loose | break-strict | break-all | Text | WD | — |
| x-height | number | Web Fonts | LC | — |
Document Information
| First published: | 2nd of June 2007 |
|---|---|
| Last update: | 6th of October 2008 |
| Prerequisite: | None |
| Author: | Tina Holmboe |
| Maintained by: | Tina Holmboe |