Mozilla CSS support chart

  • Revision slug: Mozilla_CSS_support_chart
  • Revision title: Mozilla CSS support chart
  • Revision id: 20061
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 14 words added, 2 words removed

Revision Content

Please note that this support reference is a work in progress and may be modified at any time to reflect more accurate and up-to-date information.

This page lists the CSS selectors, properties, and at-rules for which Mozilla has implemented some level of support. Such lists are a very coarse measure of CSS support. Implemented features may have (filed or unfiled) bugs, and therefore may not work correctly under all conditions.

If you think you have found a bug in Mozilla's CSS support please create a minimal test case and file a bug. Make sure you search through existing bugs first. Please don't mention the bug here before it is confirmed in Bugzilla.

The ‘supported since’ column gives the Gecko version number (versions prior to version 1.0 are listed as 1.0). Gecko is the rendering engine of Firefox and other applications, please see Gecko article for more information on Firefox and Gecko version numbers.

Mozilla CSS extensions (those prefixed with -moz-) are not listed here. They are intended for internal use within the browser only and must not be relied upon to work in web pages, because they can and will break.

This page lists several Mozilla bugs so people can check out what the problems are with our implementation. Please do not comment on any of those bugs unless you have a patch.

CSS Selectors

Selector First defined in Supported Supported since Notes
Type selectors CSS 1 Yes 1.0 -
Universal Selector CSS 1 Yes 1.0 -
Class selectors CSS 1 Yes 1.0 -
ID selectors CSS 1 Yes 1.0 -
Attribute selectors CSS 2 Yes 1.0 -
Descendant combinator CSS 1 Yes 1.0 -
Child combinator CSS 2 Yes 1.0 -
Adjacent sibling combinator CSS 2 Yes 1.0 -
General sibling combinator CSS 3 Yes 1.7 -
:not() pseudo-class CSS 3 Yes 1.0 -
Dynamic pseudo-classes (:link, :active, :visited) CSS 1 Yes 1.0 :active acts differently in quirks mode.
Dynamic pseudo-classes (:hover, :focus) CSS 2 Yes 1.0 :hover acts differently in quirks mode.
:target pseudo-class CSS 3 Yes 1.3 -
:lang(language) pseudo-class
(language is defined in RFC 3066 or its successor)
CSS 2 Yes 1.2 -
Pseudo-elements
::first-letter pseudo-element CSS 1 Yes 1.0 -
::first-line pseudo-element CSS 1 Yes 1.0 -
::before and ::after pseudo-elements CSS 2 Yes 1.0 Prior to Gecko 1.9.1 position was not supported on these pseudo-elements. Also the float, display and overflow properties had some bugs when applied to these pseudo-elements.
::selection pseudo-element CSS 3 ? ? ::-moz-selection is supported since Gecko 1.5
UI element states pseudo-classes
:checked CSS 3 Yes 1.1 -
:enabled CSS 3 Yes 1.1 -
:disabled CSS 3 Yes 1.1 -
:indeterminate CSS 3 ? ? -
Structural pseudo-classes
:root pseudo-class CSS 3 Yes 1.0 -
:first-child pseudo-class CSS 2 Yes 1.0 -
:last-child pseudo-class CSS 3 Yes 1.0 -
:only-child pseudo-class CSS 3 Yes 1.8 -
:empty pseudo-class CSS 3 Yes 1.0 Since 1.8 an element containing spaces does not longer match :empty.
:nth-child() pseudo-class CSS 3 Yes 1.9.1 -
:nth-last-child() CSS 3 Yes 1.9.1 -
:nth-of-type() pseudo-class CSS 3 Yes 1.9.1 -
:nth-last-of-type() CSS 3 Yes 1.9.1 -
:first-of-type pseudo-class CSS 3 Yes 1.9.1 -
:last-of-type pseudo-class CSS 3 Yes 1.9.1 -
:only-of-type pseudo-class CSS 3 Yes 1.9.1 -

CSS 2.1 Properties

Property Supported Supported since Notes
background Yes 1.0 -
background-attachment Yes 1.0 -
background-color Yes 1.0 -
background-image Yes 1.0 -
background-position Yes 1.0 Absolute lengths mixed with keywords is supported since 1.7.
background-repeat Yes 1.0 -
border Yes 1.0 -
border-bottom Yes 1.0 -
border-bottom-color Yes 1.0 -
border-bottom-style Yes 1.0 -
border-bottom-width Yes 1.0 -
border-collapse Yes 1.0 There are some dynamic issues with this property. (Dynamically inserting cells for example, see {{ Bug("271755") }}.)
border-color Yes 1.0 -
border-left Yes 1.0 -
border-left-color Yes 1.0 -
border-left-style Yes 1.0 -
border-left-width Yes 1.0 -
border-right Yes 1.0 -
border-right-color Yes 1.0 -
border-right-style Yes 1.0 -
border-right-width Yes 1.0 -
border-spacing Yes 1.0 -
border-style Yes 1.0 -
border-top Yes 1.0 -
border-top-color Yes 1.0 -
border-top-style Yes 1.0 -
border-top-width Yes 1.0 -
border-width Yes 1.0 -
bottom Yes 1.0 -
caption-side Yes 1.4 -
clear Yes 1.0 -
clip Yes 1.0 -
color Yes 1.0 -
content Yes 1.0 -
counter-increment Yes 1.8? See also {{ Bug("3247") }}.
counter-reset Yes 1.8? See also {{ Bug("3247") }}.
cursor Yes 1.0 See Using URL values for the cursor property for limitations of specifying URLs as cursors
direction Yes 1.0 -
display Yes 1.0 inline-block and inline-table values are supported since 1.9. run-in value is not supported yet (see {{ Bug("2056") }}) yet.
empty-cells Yes 1.0 -
float Yes 1.0 -
font Yes 1.0 -
font-family Yes 1.0 -
font-size Yes 1.0 -
font-style Yes 1.0 -
font-variant Yes 1.0 -
font-weight Yes 1.0 -
height Yes 1.0 -
left Yes 1.0 -
letter-spacing Yes ? -
line-height Yes ? -
list-style Yes 1.0 -
list-style-image Yes 1.0 -
list-style-position Yes 1.0 -
list-style-type Yes 1.0 -
margin Yes 1.0 -
margin-bottom Yes 1.0 -
margin-left Yes 1.0 -
margin-right Yes 1.0 -
margin-top Yes 1.0 -
max-height Yes 1.7 -
max-width Yes 1.0 -
min-height Yes 1.7 -
min-width Yes 1.0 -
orphans No - See {{ Bug("137367") }}
outline Yes 1.8 Before 1.8, similar functionality was achievable using -moz-outline.
outline-color Yes 1.8 -
outline-style Yes 1.8 -
outline-width Yes 1.8 -
overflow Yes 1.0 -
padding Yes 1.0 -
padding-bottom Yes 1.0 -
padding-left Yes 1.0 -
padding-right Yes 1.0 -
padding-top Yes 1.0 -
page ? - Page is no longer a property in CSS 2.1 but it was in CSS 2.0
page-break-after No - See {{ Bug("132035") }}
page-break-before No - see {{ Bug("132035") }}
page-break-inside No - See {{ Bug("132035") }}
position Yes 1.0 -
quotes Yes 1.8 ?
right Yes 1.0 -
size No - Size is no longer a property in CSS 2.1 but it was in CSS 2.0
table-layout Yes 1.0 -
text-align Yes 1.0 -
text-decoration Yes 1.0 -
text-indent Yes 1.0 -
text-transform Yes 1.0 -
top Yes 1.0 -
unicode-bidi Yes 1.0 -
vertical-align Yes ? -
visibility Yes 1.3 The collapse value is supported since 1.8.
white-space Yes 1.0 pre-line ({{ Bug("230555") }}) value is not supported. It is buggy on inline elements ({{ Bug("191699") }}, fixed in 1.9).
widows No - See {{ Bug("137367") }}
width Yes 1.0 -
word-spacing Yes 1.0 -
z-index Yes ? -

Other CSS Properties

Property Supported Supported since Notes
CSS 3 cursor updates Yes 1.8 -
font-size-adjust Yes 1.9 Until 1.9 this was supported only on windows.
opacity Yes 1.7 -
overflow-x Yes 1.8 -
overflow-y Yes 1.8 -

CSS At-rules

At-rule Supported Supported since Notes
@charset Yes ? -
@font-face No - See also {{ Bug("70132") }}.
@import Yes 1.0 -
@media Yes ? -
@namespace Yes ? -
@page No - See also {{ Bug("115199") }}.

Acknowledgements

I would like the thank the following people for contributing to this document. (Listed in alphabetical order by first name.)

  • Boris Zbarsky
  • Christian Biesinger
  • David Baron
  • fantasai
  • Jeff Walden
  • Robert Kaiser
  • People on IRC, the documentation newsgroup, {{ Bug("281960") }} and others I forgot to list here.

Original Document Information

  • Author: Anne van Kesteren
{{ languages( { "fr": "fr/Compatibilit\u00e9_CSS_de_Mozilla", "ja": "ja/Mozilla_CSS_support_chart" } ) }}

Revision Source

<p>
</p>
<div class="note">
<p>Please note that this support reference is a work in progress and may be modified at any time to reflect more accurate and up-to-date information.
</p>
</div>
<p>This page lists the <a href="en/CSS">CSS</a> selectors, properties, and at-rules for which Mozilla has implemented some level of support. Such lists are a very coarse measure of CSS support. Implemented features may have (filed or unfiled) bugs, and therefore may not work correctly under all conditions.
</p><p>If you think you have found a bug in Mozilla's CSS support please create a <a class="external" href="http://hixie.ch/advocacy/writing-test-cases-for-web-browsers">minimal test case</a> and <a class="external" href="http://bugzilla.mozilla.org">file a bug</a>. Make sure you <a class="link-https" href="https://bugzilla.mozilla.org/query.cgi">search through existing bugs</a> first. Please don't mention the bug here before it is confirmed in Bugzilla.
</p><p>The ‘supported since’ column gives the <a href="en/Gecko">Gecko</a> version number (versions prior to version 1.0 are listed as 1.0). Gecko is the rendering engine of Firefox and other applications, please see <a href="en/Gecko">Gecko</a> article for more information on Firefox and Gecko version numbers.
</p><p><a href="en/CSS_Reference/Mozilla_Extensions">Mozilla CSS extensions</a> (those prefixed with <code>-moz-</code>) are not listed here. They are intended for internal use within the browser only and must not be relied upon to work in web pages, because <b>they can and will break</b>.
</p><p>This page lists several Mozilla bugs so people can check out what the problems are with our implementation. <b>Please do not comment on any of those bugs unless you have a patch</b>.
</p>
<h3 name="CSS_Selectors">CSS Selectors</h3>
<table class="fullwidth-table"> <tbody> <tr> <th>Selector</th> <th>First defined in</th> <th>Supported</th> <th>Supported since</th> <th>Notes</th> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#type-selectors">Type selectors</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#universal-selector">Universal Selector</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#class-html">Class selectors</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#id-selectors">ID selectors</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#attribute-selectors">Attribute selectors</a></td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#descendant-combinators">Descendant combinator</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#child-combinators">Child combinator</a></td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#adjacent-sibling-combinators">Adjacent sibling combinator</a></td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#general-sibling-combinators">General sibling combinator</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.7</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#negation"><code>:not()</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#dynamic-pseudos">Dynamic pseudo-classes</a> (<code>:link</code>, <code>:active</code>, <code>:visited</code>)</td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td><code>:active</code> <a href="/en/Mozilla_Quirks_Mode_Behavior" title="en/Mozilla_Quirks_Mode_Behavior">acts differently</a> in <a href="/en/Mozilla's_Quirks_Mode" title="en/Mozilla's_Quirks_Mode">quirks mode</a>.</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#dynamic-pseudos">Dynamic pseudo-classes</a> (<code>:hover</code>, <code>:focus</code>)</td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td><code>:hover</code> <a href="/en/Mozilla_Quirks_Mode_Behavior" title="en/Mozilla_Quirks_Mode_Behavior">acts differently</a> in <a href="/en/Mozilla's_Quirks_Mode" title="en/Mozilla's_Quirks_Mode">quirks mode</a>.</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#target-pseudo"><code>:target</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.3</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#lang-pseudo"><code>:lang(<var>language</var>)</code> pseudo-class</a> <br> (<var>language</var> is defined in <a class="external" href="http://tools.ietf.org/html/rfc3066" title="http://tools.ietf.org/html/rfc3066">RFC 3066</a> or its successor)</td> <td>CSS 2</td> <td>Yes</td> <td>1.2</td> <td>-</td> </tr> <tr> <th colspan="5"><a class="external" href="http://www.w3.org/TR/css3-selectors/#pseudo-elements">Pseudo-elements</a></th> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#first-letter"><code>::first-letter</code> pseudo-element</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#first-line"><code>::first-line</code> pseudo-element</a></td> <td>CSS 1</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#gen-content"><code>::before</code> and <code>::after</code> pseudo-elements</a></td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td>Prior to Gecko 1.9.1<code> position </code>was not supported on these pseudo-elements. Also the<code> float</code>,<code> display </code>and<code> overflow </code>properties had some bugs when applied to these pseudo-elements.</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#UIfragments"><code>::selection</code> pseudo-element</a></td> <td>CSS 3</td> <td>?</td> <td>?</td> <td><code>::-moz-selection </code>is supported since Gecko 1.5</td> </tr> <tr> <th colspan="5"><a class="external" href="http://www.w3.org/TR/css3-selectors/#UIstates">UI element states pseudo-classes</a></th> </tr> <tr> <td><code>:checked</code></td> <td>CSS 3</td> <td>Yes</td> <td>1.1</td> <td>-</td> </tr> <tr> <td><code>:enabled</code></td> <td>CSS 3</td> <td>Yes</td> <td>1.1</td> <td>-</td> </tr> <tr> <td><code>:disabled</code></td> <td>CSS 3</td> <td>Yes</td> <td>1.1</td> <td>-</td> </tr> <tr> <td><code>:indeterminate</code></td> <td>CSS 3</td> <td>?</td> <td>?</td> <td>-</td> </tr> <tr> <th colspan="5"><a class="external" href="http://www.w3.org/TR/css3-selectors/#structural-pseudos">Structural pseudo-classes</a></th> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#root-pseudo"><code>:root</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#first-child-pseudo"><code>:first-child</code> pseudo-class</a></td> <td>CSS 2</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#last-child-pseudo"><code>:last-child</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#only-child-pseudo"><code>:only-child</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.8</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#empty-pseudo"><code>:empty</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.0</td> <td>Since 1.8 an element containing spaces does not longer match<code> :empty</code>.</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo"><code>:nth-child()</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo"><code>:nth-last-child()</code></a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#nth-of-type-pseudo"><code>:nth-of-type()</code> pseudo-class</a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#nth-last-of-type-pseudo"><code>:nth-last-of-type()</code></a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#first-of-type-pseudo"><code>:first-of-type pseudo-class</code></a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#last-of-type-pseudo"><code>:last-of-type pseudo-class</code></a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> <tr> <td><a class="external" href="http://www.w3.org/TR/css3-selectors/#only-of-type-pseudo"><code>:only-of-type pseudo-class</code></a></td> <td>CSS 3</td> <td>Yes</td> <td>1.9.1</td> <td>-</td> </tr> </tbody>
</table><h3 name="CSS_2.1_Properties"> CSS 2.1 Properties </h3>
<table class="fullwidth-table">
<tbody><tr>
<th>Property</th>
<th>Supported</th>
<th>Supported since</th>
<th>Notes</th>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background"><code>background</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr> <td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment"><code>background-attachment</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color"><code>background-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image"><code>background-image</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position"><code>background-position</code></a></td> <td>Yes</td> <td>1.0</td> <td>Absolute lengths mixed with keywords is supported since 1.7.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat"><code>background-repeat</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border"><code>border</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom"><code>border-bottom</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color"><code>border-bottom-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style"><code>border-bottom-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width"><code>border-bottom-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse"><code>border-collapse</code></a></td> <td>Yes</td> <td>1.0</td> <td>There are some dynamic issues with this property. (Dynamically inserting cells for example, see {{ Bug("271755") }}.)</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color"><code>border-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left"><code>border-left</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color"><code>border-left-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style"><code>border-left-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width"><code>border-left-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right"><code>border-right</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color"><code>border-right-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style"><code>border-right-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width"><code>border-right-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing"><code>border-spacing</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-style"><code>border-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top"><code>border-top</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color"><code>border-top-color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style"><code>border-top-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width"><code>border-top-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width"><code>border-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom"><code>bottom</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side"><code>caption-side</code></a></td> <td>Yes</td> <td>1.4</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear"><code>clear</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-clip"><code>clip</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color"><code>color</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content"><code>content</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment"><code>counter-increment</code></a></td> <td>Yes</td> <td>1.8?</td> <td>See also {{ Bug("3247") }}.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset"><code>counter-reset</code></a></td> <td>Yes</td> <td>1.8?</td> <td>See also {{ Bug("3247") }}.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor"><code>cursor</code></a></td> <td>Yes</td> <td>1.0</td> <td>See <a href="en/Using_URL_values_for_the_cursor_property">Using URL values for the cursor property</a> for limitations of specifying URLs as cursors</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction"><code>direction</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display"><code>display</code></a></td> <td>Yes</td> <td>1.0</td> <td><code>inline-block</code> and <code>inline-table</code> values are supported since 1.9. <code>run-in</code> value is not supported yet (see {{ Bug("2056") }}) yet.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells"><code>empty-cells</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float"><code>float</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font"><code>font</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family"><code>font-family</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size"><code>font-size</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style"><code>font-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant"><code>font-variant</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight"><code>font-weight</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height"><code>height</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left"><code>left</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing"><code>letter-spacing</code></a></td> <td>Yes</td> <td>?</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height"><code>line-height</code></a></td> <td>Yes</td> <td>?</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style"><code>list-style</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image"><code>list-style-image</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position"><code>list-style-position</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type"><code>list-style-type</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin"><code>margin</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom"><code>margin-bottom</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left"><code>margin-left</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right"><code>margin-right</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top"><code>margin-top</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height"><code>max-height</code></a></td> <td>Yes</td> <td>1.7</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width"><code>max-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height"><code>min-height</code></a></td> <td>Yes</td> <td>1.7</td>
<td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width"><code>min-width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-orphans"><code>orphans</code></a></td> <td>No</td> <td>-</td> <td>See {{ Bug("137367") }}</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline"><code>outline</code></a></td> <td>Yes</td> <td>1.8</td> <td>Before 1.8, similar functionality was achievable using <code>-moz-outline</code>.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color"><code>outline-color</code></a></td> <td>Yes</td> <td>1.8</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style"><code>outline-style</code></a></td> <td>Yes</td> <td>1.8</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width"><code>outline-width</code></a></td> <td>Yes</td> <td>1.8</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow"><code>overflow</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding"><code>padding</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom"><code>padding-bottom</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left"><code>padding-left</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right"><code>padding-right</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top"><code>padding-top</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-page"><code>page</code></a></td> <td>?</td> <td>-</td> <td>Page is no longer a property in CSS 2.1 but it was in CSS 2.0</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-after"><code>page-break-after</code></a></td> <td>No</td> <td>-</td> <td>See {{ Bug("132035") }}</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-before"><code>page-break-before</code></a></td> <td>No</td> <td>-</td> <td>see {{ Bug("132035") }}</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside"><code>page-break-inside</code></a></td> <td>No</td> <td>-</td> <td>See {{ Bug("132035") }}</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position"><code>position</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes"><code>quotes</code></a></td> <td>Yes</td> <td>1.8</td> <td>?</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right"><code>right</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-size"><code>size</code></a></td> <td>No</td> <td>-</td> <td>Size is no longer a property in CSS 2.1 but it was in CSS 2.0</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout"><code>table-layout</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align"><code>text-align</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration"><code>text-decoration</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent"><code>text-indent</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform"><code>text-transform</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top"><code>top</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi"><code>unicode-bidi</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align"><code>vertical-align</code></a></td> <td>Yes</td> <td>?</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility"><code>visibility</code></a></td> <td>Yes</td> <td>1.3</td> <td>The <code>collapse</code> value is supported since 1.8.</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space"><code>white-space</code></a></td> <td>Yes</td> <td>1.0</td> <td><code>pre-line</code> ({{ Bug("230555") }}) value is not supported. It is buggy on inline elements ({{ Bug("191699") }}, fixed in 1.9).</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#propdef-widows"><code>widows</code></a></td> <td>No</td> <td>-</td> <td>See {{ Bug("137367") }}</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width"><code>width</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing"><code>word-spacing</code></a></td> <td>Yes</td> <td>1.0</td> <td>-</td> </tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index"><code>z-index</code></a></td> <td>Yes</td> <td>?</td> <td>-</td> </tr>
</tbody></table>
<h3 name="Other_CSS_Properties"> Other CSS Properties </h3>
<table class="fullwidth-table">
<tbody><tr>
<th>Property</th>
<th>Supported</th>
<th>Supported since</th>
<th>Notes</th>
</tr>
<tr>
<td><a class="external" href="http://w3.org/TR/css3-ui/#cursor"><abbr>CSS</abbr> 3 <code>cursor</code> updates</a></td>
<td>Yes</td>
<td>1.8</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS2/fonts.html#propdef-font-size-adjust"><code>font-size-adjust</code></a></td>
<td>Yes</td>
<td>1.9</td>
<td>Until 1.9 this was supported only on windows.</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-color/#opacity"><code>opacity</code></a></td>
<td>Yes</td>
<td>1.7</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-box/#overflow-x"><code>overflow-x</code></a></td>
<td>Yes</td>
<td>1.8</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-box/#overflow-y"><code>overflow-y</code></a></td>
<td>Yes</td>
<td>1.8</td>
<td>-</td>
</tr>
</tbody></table>
<h3 name="CSS_At-rules"> CSS At-rules </h3>
<table class="fullwidth-table">
<tbody><tr>
<th>At-rule</th>
<th>Supported</th>
<th>Supported since</th>
<th>Notes</th>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/syndata.html#q23"><code>@charset</code></a></td>
<td>Yes</td>
<td>?</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS2/fonts.html#x40"><code>@font-face</code></a></td>
<td>No</td>
<td>-</td>
<td>See also {{ Bug("70132") }}.</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/cascade.html#at-import"><code>@import</code></a></td>
<td>Yes</td>
<td>1.0</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/media.html#at-media-rule"><code>@media</code></a></td>
<td>Yes</td>
<td>?</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-namespace/#q2"><code>@namespace</code></a></td>
<td>Yes</td>
<td>?</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/CSS21/page.html#page-box"><code>@page</code></a></td>
<td>No</td>
<td>-</td>
<td>See also {{ Bug("115199") }}.</td>
</tr>
</tbody></table>
<h3 name="Acknowledgements"> Acknowledgements </h3>
<p>I would like the thank the following people for contributing to this document. (Listed in alphabetical order by first name.)
</p>
<ul><li> Boris Zbarsky
</li><li> Christian Biesinger
</li><li> David Baron
</li><li> <i>fantasai</i>
</li><li> Jeff Walden
</li><li> Robert Kaiser
</li><li> People on IRC, the documentation newsgroup, {{ Bug("281960") }} and others I forgot to list here.
</li></ul>
<div class="originaldocinfo">
<h2 name="Original_Document_Information"> Original Document Information </h2>
<ul><li> Author: Anne van Kesteren
</li></ul>
</div>
<div class="noinclude">
</div>
{{ languages( { "fr": "fr/Compatibilit\u00e9_CSS_de_Mozilla", "ja": "ja/Mozilla_CSS_support_chart" } ) }}
Revert to this revision