CSS improvements in Firefox 3

  • Revision slug: CSS_improvements_in_Firefox_3
  • Revision title: CSS improvements in Firefox 3
  • Revision id: 137127
  • Created:
  • Creator: Mgjbot
  • Is current revision? No
  • Comment robot Adding: [[es:Mejoras CSS en Firefox 3]] <<langbot>>

Revision Content

{{template.Fx_minversion_header(3)}}

Firefox 3 offers a number of improvements to its CSS implementation. While these changes are documented on the appropriate pages in the documentation, this article provides an overview of them all so that developers can easily learn what these changes were.

  • The {{template.Cssxref("display")}} property's inline-block and inline-table values are now implemented.
  • The {{template.Cssxref("font-size-adjust")}} property now works on all platforms; previously it was only supported on Windows.
  • rgba() and hsla() support for {{template.Cssxref("color")}} ({{template.Bug(147017)}})
  • {{template.Cssxref(":default")}} pseudo-class support ({{template.Bug(302186)}})
  • -moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values have been added to {{template.Cssxref("width")}}, {{template.Cssxref("min-width")}}, and {{template.Cssxref("max-width")}} ({{template.Bug(311415)}} and {{template.Bug(402706)}})
  • HTML soft hyphens (&shy;) are now supported.
  • Pre-formatted tabs work much better in proportional fonts, following the CSS 2.1 spec.
  • The {{template.Cssxref("ime-mode")}} property is supported.
  • The CSS text-rendering property for HTML is now supported ({{template.Bug(387969)}})/
  • -moz-border-*-start and -moz-border-*-end CSS properties are implemented ({{template.Bug(74880)}}).
  • -moz-initial is now implemented for almost all CSS properties (except quotes and -moz-border-*-colors) {{template.Bug(80887)}}.
  • window.getComputedStyle() now supports all supported CSS properties ({{template.Bug(316981)}}).
  • {{template.Cssxref("content")}}'s none value is now supported ({{template.Bug(378535)}}).

See also



{{ wiki.languages( { "es": "es/Mejoras_CSS_en_Firefox_3", "fr": "fr/Am\u00e9liorations_CSS_dans_Firefox_3", "ja": "ja/CSS_improvements_in_Firefox_3" } ) }}

Revision Source

<p>{{template.Fx_minversion_header(3)}}
</p><p>Firefox 3 offers a number of improvements to its CSS implementation.  While these changes are documented on the appropriate pages in the documentation, this article provides an overview of them all so that developers can easily learn what these changes were.
</p>
<ul><li>The {{template.Cssxref("display")}} property's <code>inline-block</code> and <code>inline-table</code> values are now implemented.
</li><li>The {{template.Cssxref("font-size-adjust")}} property now works on all platforms; previously it was only supported on Windows.
</li><li><code>rgba()</code> and <code>hsla()</code> support for {{template.Cssxref("color")}} ({{template.Bug(147017)}})
</li><li>{{template.Cssxref(":default")}} pseudo-class support ({{template.Bug(302186)}})
</li><li><code>-moz-max-content</code>, <code>-moz-min-content</code>, <code>-moz-fit-content</code>, and <code>-moz-available</code> values have been added to {{template.Cssxref("width")}}, {{template.Cssxref("min-width")}}, and {{template.Cssxref("max-width")}} ({{template.Bug(311415)}} and {{template.Bug(402706)}})
</li><li>HTML soft hyphens (<code>&amp;shy;</code>) are now supported.
</li><li>Pre-formatted tabs work much better in proportional fonts, following the CSS 2.1 spec.
</li><li>The {{template.Cssxref("ime-mode")}} property is supported.
</li><li> The CSS <code>text-rendering</code> property for HTML is now supported ({{template.Bug(387969)}})/
</li><li> <code>-moz-border-*-start</code> and <code>-moz-border-*-end</code> CSS properties are implemented ({{template.Bug(74880)}}).
</li><li> <code>-moz-initial</code> is now implemented for almost all CSS properties (except <code>quotes</code> and <code>-moz-border-<i>*</i>-colors</code>) {{template.Bug(80887)}}.
</li><li> <code>window.getComputedStyle()</code> now supports all supported CSS properties ({{template.Bug(316981)}}).
</li><li> {{template.Cssxref("content")}}'s <code>none</code> value is now supported ({{template.Bug(378535)}}).
</li></ul>
<h3 name="See_also">See also</h3>
<ul><li> <a href="en/Firefox_3_for_developers">Firefox 3 for developers</a>
</li><li> <a href="en/DOM_improvements_in_Firefox_3">DOM improvements in Firefox 3</a>
</li></ul>
<p><br>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "es": "es/Mejoras_CSS_en_Firefox_3", "fr": "fr/Am\u00e9liorations_CSS_dans_Firefox_3", "ja": "ja/CSS_improvements_in_Firefox_3" } ) }}
Revert to this revision