Mozilla CSS support chart

  • Revision slug: Mozilla_CSS_support_chart
  • Revision title: Mozilla CSS support chart
  • Revision id: 20052
  • Created:
  • Creator: Ognyan Kulev
  • Is current revision? No
  • Comment /* CSS 2.1 Properties */ bug 191699 fixed in Gecko 1.9

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 Supported Supported since Notes
Type selectors Yes 1.0 -
Universal Selector Yes 1.0 -
Attribute selectors Yes 1.0 -
Class selectors Yes 1.0 -
ID selectors Yes 1.0 -
Dynamic pseudo-classes Yes 1.0 :hover and :active act differently in quirks mode.
:target pseudo-class Yes 1.3 -
:lang(language) pseudo-class
(language is defined in RFC 3066 or its successor)
Yes 1.2 -
:checked pseudo-class Yes 1.1 -
:root pseudo-class Yes 1.0 -
:first-child pseudo-class Yes 1.0 :first-child is not dynamically updated. ({{template.Bug(73586)}})
:last-child pseudo-class Yes 1.0 :last-child is not dynamically updated. ({{template.Bug(73586)}})
:only-child pseudo-class Yes 1.8 :only-child is not dynamically updated.
:empty pseudo-class Yes 1.0 Since 1.8 an element containing spaces does not longer match :empty. :empty has a known bug of not being dynamically updated. ({{template.Bug(98997)}})
:not() pseudo-class Yes 1.0 -
::first-line pseudo-element Yes 1.0 ?
::first-letter pseudo-element Yes 1.0 ?
::before and ::after pseudo-elements Yes 1.0 position is not supported on these pseudo-elements. Also the float, display and overflow properties have some bugs when applied to these pseudo-elements.
Descendant combinator Yes 1.0 -
Child combinator Yes 1.0 -
Adjacent sibling combinator Yes 1.0 Has some dynamic issues. ({{template.Bug(229915)}})
General sibling combinator Yes 1.7 Has some dynamic issues. ({{template.Bug(229915)}})

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.)
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 {{template.Bug(3247)}}.
counter-reset Yes 1.8? See also {{template.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 Mozilla does not support the inline-block (see {{template.Bug(9458)}}, fixed in 1.9), inline-table (see {{template.Bug(18217)}}, fixed in 1.9) or run-in (see {{template.Bug(2056)}}) values 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 {{template.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 {{template.Bug(132035)}}
page-break-before No - see {{template.Bug(132035)}}
page-break-inside No - see {{template.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 ({{template.Bug(230555)}}) and pre-wrap ({{template.Bug(261081)}}) values are not supported. It is buggy on inline elements ({{template.Bug(191699)}}, fixed in 1.9).
widows No - See {{template.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 Varies ? It is supported on Windows. See also {{template.Bug(130473)}} for more information on other platforms.
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 {{template.Bug(70132)}}.
@import Yes 1.0 -
@media Yes ? -
@namespace Yes ? -
@page No - See also {{template.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, {{template.Bug(281960)}} and others I forgot to list here.

Original Document Information

  • Author: Anne van Kesteren
{{ wiki.languages( { "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="external" 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>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>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>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>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>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>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></td>
<td>Yes</td>
<td>1.0</td>
<td><code>:hover</code> and <code>:active</code> <a href="en/Mozilla_Quirks_Mode_Behavior">act differently</a> in <a href="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>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>Yes</td>
<td>1.2</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-selectors/#checked"><code>:checked</code> pseudo-class</a></td>
<td>Yes</td>
<td>1.1</td>
<td>-</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-selectors/#root-pseudo"><code>:root</code> pseudo-class</a></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>Yes</td>
<td>1.0</td>
<td><code>:first-child</code> is not dynamically updated. ({{template.Bug(73586)}})</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>Yes</td>
<td>1.0</td>
<td><code>:last-child</code> is not dynamically updated. ({{template.Bug(73586)}})</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>Yes</td>
<td>1.8</td>
<td><code>:only-child</code> is not dynamically updated.</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>Yes</td>
<td>1.0</td>
<td>Since 1.8 an element containing spaces does not longer match <code>:empty</code>. <code>:empty</code> has a known bug of not being dynamically updated. ({{template.Bug(98997)}})</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-selectors/#negation"><code>:not()</code> pseudo-class</a></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>Yes</td>
<td>1.0</td>
<td>?</td>
</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>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>Yes</td>
<td>1.0</td>
<td><code>position</code> is not supported on these pseudo-elements. Also the <code>float</code>, <code>display</code> and <code>overflow</code> properties have some bugs when applied to these pseudo-elements.</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-selectors/#descendant-combinators">Descendant combinator</a></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>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>Yes</td>
<td>1.0</td>
<td>Has some dynamic issues. ({{template.Bug(229915)}})</td>
</tr>
<tr>
<td><a class="external" href="http://www.w3.org/TR/css3-selectors/#general-sibling-combinators">General sibling combinator</a></td>
<td>Yes</td>
<td>1.7</td>
<td>Has some dynamic issues. ({{template.Bug(229915)}})</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.)</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 {{template.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 {{template.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>Mozilla does not support the <code>inline-block</code> (see {{template.Bug(9458)}}, fixed in 1.9), <code>inline-table</code> (see {{template.Bug(18217)}}, fixed in 1.9) or <code>run-in</code> (see {{template.Bug(2056)}}) values 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 {{template.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 {{template.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 {{template.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 {{template.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> ({{template.Bug(230555)}}) and <code>pre-wrap</code> ({{template.Bug(261081)}}) values are not supported. It is buggy on inline elements ({{template.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 {{template.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>Varies</td>
<td>?</td>
<td>It is supported on Windows. See also {{template.Bug(130473)}} for more information on other platforms.</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 {{template.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 {{template.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, {{template.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>
{{ wiki.languages( { "ja": "ja/Mozilla_CSS_support_chart" } ) }}
Revert to this revision