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 |