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.

Tina Holmboe

CSS 3 support information courtesy of Web Devout.

Properties in CSS 3 and status thereof.
Name Value(s) Module Status Support
appearance Basic User Interface CR Support for appearance
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 Support for box-sizing
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 Support for content
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 Support for cursor
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 Support for font
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 Support for icon
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 Support for nav-index
nav-up Basic User Interface CR Support for nav-up
opacity alphavalue | inherit Color LC
orphans integer Paged Media LC
outline [ 'outline-color' || 'outline-style' || 'outline-width' ] | inherit Basic User Interface CR Support for outline
outline-color color | invert | inherit Basic User Interface CR Support for outline-color
outline-offset length | inherit Basic User Interface CR Support for outline-offset
outline-style auto | border-style | inherit Basic User Interface CR Support for outline-style
outline-width border-width | inherit Basic User Interface CR Support for outline-width
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 Support for resize
ruby-align auto | start | left | center | end | right | distribute-letter | distribute-space | line-edge Ruby CR Support for ruby-align
ruby-overhang auto | start | end | none Ruby CR Support for ruby-overhang
ruby-position before | after | right Ruby CR Support for ruby-position
ruby-span attr(x) | none Ruby CR Support for ruby-span
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