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 |
|---|---|---|---|---|
| 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 | 'border-width' || border-style || colorInitial: | Backgrounds and Borders | WD | — |
| border-break | 'border-width' || border-style || colorInitial: | Backgrounds and Borders | 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 | 'border-width' || border-style || colorInitial: | Backgrounds and Borders | WD | — |
| border-top-color | colorInitial: | Backgrounds and Borders | WD | — |
| border-top-right-radius | length length? | 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 | Advanced Layout | WD | — |
| box-direction | normal | reverse | Advanced Layout | WD | — |
| box-flex | number | Advanced Layout | WD | — |
| box-flex-group | integer | Advanced Layout | WD | — |
| box-lines | single | multiple | Advanced Layout | WD | — |
| box-orient | horizontal | vertical | inline-axis | block-axis | Advanced Layout | WD | — |
| box-pack | start | end | center | justify | Advanced Layout | WD | — |
| box-shadow | none | [ length length length? || color ] [ , length length length? || color ]+ | Backgrounds and Borders | WD | — |
| box-sizing | content-box | padding-box | border-box | margin-box | Advanced Layout | WD | — |
| box-width | length | percentage | auto | Box Model | WD | — |
| cap-height | number | Web Fonts | LC | — |
| centerline | number | Web Fonts | LC | — |
| clear | none | [ left | right | top | bottom | inside | outside | start | end |both | after]+ | Box Model | WD | — |
| clear-after | Box Model | WD | — | |
| color | color | inherit | attr(identifier,color) | Color | CR |  |
| color-profile | auto | sRGB | name | uri | inherit | Color | CR | |
| 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 | [ uri ',' ]* [ normal | none | inhibit | content-list ] | Generated and Replaced Content | WD | — |
| counter-increment | [ identifier integer? ]+ | none | Generated and Replaced Content | WD | — |
| counter-reset | [ identifier integer? ]+ | none | Generated and Replaced Content | WD | — |
| crop | shape | none | Box Model | WD | — |
| definition-src | uri | Web Fonts | LC | — |
| descent | number | Web Fonts | LC | — |
| display | Generated and Replaced Content | WD | — | |
| display-model | Advanced Layout | WD | — | |
| display-role | Advanced 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 | Box Model | WD | — | |
| float-displace | line | indent | block | block-within-page | Box Model | WD | — |
| float-offset | length> length> ? | Generated Content for Paged Media | WD | — |
| font | [ [ 'font-style' || 'font-variant' || 'font-weight' ]?'font-size' [ / 'line-height' ]? 'font-family' ] | caption | icon | menu | message-box | small-caption | status-bar | Fonts | LC | — |
| 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 | — |
| image-orientation | auto | angle | Paged Media | LC | — |
| image-resolution | normal | auto | dpi> [ , normal | dpi> ]? | Generated Content for Paged Media | WD | — |
| indent-edge-reset | none | margin-edge | border-edge | padding-edge | content-edge | inherit | Box Model | WD | — |
| margin | [ length | percentage | auto ]{1,4} | Box Model | WD | — |
| margin-top | length | percentage | auto | Box Model | WD | — |
| marks | [ crop || cross ] | none | Generated Content for Paged Media | WD | — |
| marquee | 'marquee-style' || 'marquee-direction' ||'marquee-speed' || 'marquee-repetition' | Box Model | WD | — |
| marquee-direction | forwards | backwards | ahead | reverse | left | right | up | down | auto | Box Model | WD | — |
| marquee-repetition | integer | infinite | Box Model | WD | — |
| marquee-speed | slow | normal | fast | length [ / time ]? | Box Model | WD | — |
| marquee-style | none | slide | scroll | alternate | Box Model | WD | — |
| mathline | number | Web Fonts | LC | — |
| max-width | length | percentage | auto |inherit | Box Model | WD | — |
| min-width | length | percentageInitial: | Box Model | WD | — |
| move-to | normal | here | identifier | Generated and Replaced Content | WD | — |
| opacity | alphavalue | inherit | Color | CR | |
| orphans | integer | Paged Media | LC | — |
| overflow | visible | hidden | scroll | auto | Box Model | WD | — |
| overflow-x | visible | hidden | scroll | auto | inherit | Box Model | WD | — |
| overflow-y | visible | hidden | scroll | auto | inherit | Box Model | WD | — |
| padding | [ length | percentage ]{1,4} | Box Model | WD | — |
| padding-top | [ length | percentage ] | Box Model | WD | — |
| 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 | Advanced 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 | — |
| rendering-intent | auto | perceptual | relative-colorimetric | saturation |absolute-colorimetric | inherit | Color | 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 | Advanced 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 | — |
| visibility | Box Model | WD | — | |
| 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 | — |
| width | length | percentage | number | auto | Box Model | WD | — |
| 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: | 29th of July 2007 |
| Prerequisite: | None |
| Author: | Tina Holmboe |
| Maintained by: | Tina Holmboe |