min-width

  • Enlace amigable (slug) de la revisión: CSS/min-width
  • Título de la revisión: min-width
  • Id de la revisión: 176391
  • Creada:
  • Creador: HenryGR
  • ¿Es la revisión actual? No
  • Comentario /* See also */

Contenido de la revisión

{{ Traducción("inglés", "CSS:min-width", "en") }}


{{ CSSRef() }}

Sumario

La propiedad min-width se usa para determinar la anchura mínima de un elemento. Previene que la propiedad {{ Cssxref("width") }} pueda ser inferior que min-width.

  • {{ Xref_cssinitial() }}: 0
  • Aplicable a: elementos de tipo bloque.
  • {{ Xref_cssinherited() }}: no
  • Porcentajes: se refieren a la anchura del bloque contenedor.
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}:

Sintaxis

min-width: <longitud> | <porcentaje> | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available

Valores

  • length : puede ser expresado en px, cm, in
  • percentage : expresado con "%" es un porcentaje del ancho del elemento contenedor.
  • -moz-max-content : el ancho intrínseco preferido {{ Fx_minversion_inline("3") }}
  • -moz-min-content : el ancho intrínseco mínimo {{ Fx_minversion_inline("3") }}
  • -moz-available : el ancho del contenedor menos el margen horizontal, borde y padding {{ Fx_minversion_inline("3") }}
  • -moz-fit-content : igual que -moz-min-content {{ Fx_minversion_inline("3") }}

Ejemplos

{{ CSSRefExampleLink("min-width") }}

table{min-width: 75%;}

form{min-width: 0;}

Notas

{{ Cssxref("min-width") }} sobrescribe los valores de {{ Cssxref("max-width") }} y {{ Cssxref("width") }}.

Especificaciones

Compatibilidad entre navegadores

Navegador Versión mínima
Internet Explorer 6
Netscape 6
Opera 3.5

Ver también

box model, {{ Cssxref("min-height") }}, {{ Cssxref("-moz-box-sizing") }}, {{ Cssxref("width") }}, {{ Cssxref("max-width") }}



{{ languages( { "fr": "fr/CSS/min-width", "ja": "ja/CSS/min-width", "en": "en/CSS/min-width" } ) }}

Fuente de la revisión

<p>
</p><p>{{ Traducción("inglés", "CSS:min-width", "en") }}
</p><p><br>
</p><p>{{ CSSRef() }}
</p>
<h3 id="Sumario" name="Sumario"> Sumario </h3>
<p>La propiedad <code>min-width</code> se usa para determinar la anchura mínima de un elemento. Previene que la propiedad {{ Cssxref("width") }} pueda ser inferior que <code>min-width</code>.
</p>
<ul><li> {{ Xref_cssinitial() }}: 0
</li><li> Aplicable a: elementos de tipo bloque.
</li><li> {{ Xref_cssinherited() }}: no
</li><li> Porcentajes: se refieren a la anchura del bloque contenedor.
</li><li> Media: {{ Xref_cssvisual() }}
</li><li> {{ Xref_csscomputed() }}:
</li></ul>
<h3 id="Sintaxis" name="Sintaxis"> Sintaxis </h3>
<p>min-width: &lt;longitud&gt; | &lt;porcentaje&gt; | -moz-max-content | -moz-min-content | -moz-fit-content | -moz-available
</p>
<h3 id="Valores" name="Valores"> Valores </h3>
<ul><li> <b>length</b> : puede ser expresado en px, cm, in </li><li> <b>percentage</b> : expresado con "%" es un porcentaje del ancho del elemento contenedor. </li><li> <b>-moz-max-content</b> : el ancho intrínseco preferido {{ Fx_minversion_inline("3") }}
</li><li> <b>-moz-min-content</b> : el ancho intrínseco mínimo {{ Fx_minversion_inline("3") }}
</li><li> <b>-moz-available</b> : el ancho del contenedor menos el margen horizontal, borde y padding {{ Fx_minversion_inline("3") }}
</li><li> <b>-moz-fit-content</b> : igual que <code>-moz-min-content</code> {{ Fx_minversion_inline("3") }}
</li></ul>
<h3 id="Ejemplos" name="Ejemplos"> Ejemplos </h3>
<p>{{ CSSRefExampleLink("min-width") }}
</p>
<pre>table{min-width: 75%;}

form{min-width: 0;}
</pre>
<h3 id="Notas" name="Notas"> Notas </h3>
<p>{{ Cssxref("min-width") }} sobrescribe los valores de {{ Cssxref("max-width") }} y {{ Cssxref("width") }}.
</p>
<h3 id="Especificaciones" name="Especificaciones"> Especificaciones </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS2/visudet.html#min-max-widths">CSS 2.1</a>
</li></ul>
<h3 id="Compatibilidad_entre_navegadores" name="Compatibilidad_entre_navegadores"> Compatibilidad entre navegadores </h3>
<table class="standard-table"> <tbody><tr> <th>Navegador</th> <th>Versión mínima</th> </tr> <tr> <td>Internet Explorer</td> <td>6</td> </tr> <tr> <td>Netscape</td> <td>6</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
</tbody></table>
<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n"> Ver también </h3>
<p><a href="es/CSS/box_model">box model</a>, {{ Cssxref("min-height") }}, {{ Cssxref("-moz-box-sizing") }}, {{ Cssxref("width") }}, {{ Cssxref("max-width") }}
</p><p><br>
</p>
<div class="noinclude">
</div>
<p><br>
</p>
<div class="noinclude">
</div>
{{ languages( { "fr": "fr/CSS/min-width", "ja": "ja/CSS/min-width", "en": "en/CSS/min-width" } ) }}
Revertir a esta revisión