1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
---
title: Mejoras para CSS en Firefox 3
slug: Mejoras_CSS_en_Firefox_3
tags:
- CSS
- Firefox 3
- Todas_las_Categorías
translation_of: Mozilla/Firefox/releases/3/CSS_improvements
---
<div>{{FirefoxSidebar}}</div><p>{{ Fx_minversion_header(3) }}</p>
<div class="pageText" id="pageText">
<p> </p>
<p>Firefox 3 ofrece una variedad de mejoras en su implementación de CSS. Mientras esperamos a que se incluyan estos cambios en la documentación, este artículo ofrece una descripción general de todos ellos. De esta forma, los desarrolladores podrán estar al tanto de dichos cambios.</p>
<p> </p>
<p><strong>Se han implementado: </strong></p>
<ul>
<li>los valores <code>inline-block</code> e <code>inline-table</code> de la propiedad <span class="lang lang-es"><code><a href="../../../../es/CSS/display" rel="internal">display</a></code></span></li>
<li>la propiedad <span class="lang lang-es"><code><a href="../../../../es/CSS/font-size-adjust" rel="internal">font-size-adjust</a></code></span>; ahora funciona en todas las plataformas. Anteriormente sólo estaba implementada en Windows</li>
<li><code>rgba()</code> y <code>hsla()</code> para la propiedad <span class="lang lang-es"><code><a href="../../../../es/CSS/color" rel="internal">color</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=147017" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=147017">bug 147017</a> </span>)</li>
<li>la pseudo-clase <span class="lang lang-es"><code><a href="../../../../es/CSS/%3adefault" rel="internal">:default</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=302186" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=302186">bug 302186</a> </span>)</li>
<li>el guión medio en HTML (<code></code>)</li>
<li>la propiedad <span class="lang lang-en"><code><a href="../../../../en/CSS/ime-mode" rel="internal">ime-mode</a></code></span></li>
<li>la propiedad <code>text-rendering</code> de CSS para HTML ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=387969" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=387969">bug 387969</a> </span>)</li>
<li>las propiedades <code>-moz-border-<var>*</var>-start</code> y <code>-moz-border-<var>*</var>-end</code> de CSS ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=74880" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=74880">bug 74880</a> </span>)</li>
<li>el valor <code>none</code> de <span class="lang lang-en"><code><a href="../../../../en/CSS/content" rel="internal">content</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=378535" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=378535">bug 378535</a> </span>)</li>
<li>el valor <code>none</code> de <span class="lang lang-en"><code><a href="../../../../en/CSS/cursor" rel="internal">cursor</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=346690" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=346690">bug 346690</a> </span>)</li>
<li>el valor <code>pre-wrap</code> de <span class="lang lang-en"><code><a href="../../../../en/CSS/white-space" rel="internal">white-space</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=261081" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=261081">bug 261081</a> </span>)</li>
<li><code>-moz-initial</code> para casi todas las propiedades de CSS (excepto <code>quotes</code> y <code>-moz-border-<var>*</var>-colors</code>) <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=80887" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=80887">bug 80887</a></span></li>
<li><code>window.getComputedStyle()</code>; ahora implementa todas las propiedades de CSS admitidas ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=316981" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=316981">bug 316981</a> </span>)</li>
</ul>
<p> </p>
<p><strong>Otros cambios</strong></p>
<ul>
<li>Se han añadido los valores <code>-moz-max-content</code>, <code>-moz-min-content</code>, <code>-moz-fit-content</code> y <code>-moz-available</code> a las propiedades <span class="lang lang-es"><code><a href="../../../../es/CSS/width" rel="internal">width</a></code></span>, <span class="lang lang-es"><code><a href="../../../../es/CSS/min-width" rel="internal">min-width</a></code></span> y <span class="lang lang-es"><code><a href="../../../../es/CSS/max-width" rel="internal">max-width</a></code></span> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=311415" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=311415">bug 311415</a> </span>y <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=402706" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=402706">bug 402706</a> </span>).</li>
<li>Las pestañas que ya cuentan con formato funcionan mucho mejor con fuentes proporcionales, de acuerdo con la especificación CSS 2.1.</li>
<li>Las imágenes de fondo ahora se pueden visualizar correctamente en un <code>-moz-border-radius</code> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=24998" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=24998">bug 24998</a> </span>).</li>
<li>Se han implementado en forma dinámica algunos selectores, como por ejemplo <a href="../../../../en/CSS/%3afirst-child" rel="internal">:first-child</a>, <a class="new" href="../../../../en/CSS/%3aonly-child" rel="internal">:only-child</a>, <a href="../../../../en/CSS/%3alast-child" rel="internal">:last-child</a> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=73586" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=73586">bug 73586</a> </span>), <a href="../../../../en/CSS/%3aempty" rel="internal">:empty</a> ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=98997" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=98997">bug 98997</a> </span>) o el combinador + ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=229915" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=229915">bug 229915</a> </span>) ( <span class="lang lang-*"><a class="link-https" href="https://bugzilla.mozilla.org/show_bug.cgi?id=401291" rel="external nofollow" title="https://bugzilla.mozilla.org/show_bug.cgi?id=401291">bug 401291</a> </span>).</li>
<li>Se han implementado correctamente los valores <span class="lang lang-en"><code><a href="../../../../en/CSS/z-index" rel="internal">z-index</a></code></span> negativos.</li>
</ul>
<p> </p>
<div id="section_1">
<h3 class="editable" id="Lecturas_relacionadas"><span><span><span>Lecturas relacionadas</span> </span> </span></h3>
</div>
</div>
<p> </p>
<ul>
<li><a href="/es/Firefox_3_para_desarrolladores" title="es/Firefox_3_para_desarrolladores">Firefox 3 para desarrolladores</a></li>
<li><a href="/es/Mejoras_DOM_en_Firefox_3" title="es/Mejoras_DOM_en_Firefox_3">Mejoras en el DOM en Firefox 3</a></li>
</ul>
<p>{{ languages( { "en": "en/CSS_improvements_in_Firefox_3", "fr": "fr/Am\u00e9liorations_CSS_dans_Firefox_3", "ja": "ja/CSS_improvements_in_Firefox_3", "pl": "pl/Poprawki_CSS_w_Firefoksie_3" } ) }}</p>
<p> </p>
|
