Propiedad de ancho mínimo de CSS
Ejemplo
Establezca el ancho mínimo de un elemento <span> en 500 píxeles:
span.ex1
{
min-width: 500px;
}
Definición y uso
La min-width
propiedad define el ancho mínimo de un elemento.
Si el contenido es más pequeño que el ancho mínimo, se aplicará el ancho mínimo.
Si el contenido es mayor que el ancho mínimo, la
min-width
propiedad no tiene efecto.
Nota: Esto evita que el valor de la
propiedad
ancho sea menor que
min-width
.
Valor por defecto: | 0 |
---|---|
Heredado: | No |
Animable: | si, ver propiedades individuales . Leer sobre animable |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto .style.minWidth="400px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
min-width | 1.0 | 7.0 | 1.0 | 2.0.2 | 4.0 |
Sintaxis CSS
min-width: length|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
length | Default value is 0. Defines the minimum width in px, cm, etc. Read about length units | |
% | Defines the minimum width in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
páginas relacionadas
Tutorial de CSS: altura y ancho de CSS
Referencia de CSS: propiedad max-width
Referencia HTML DOM: propiedad minWidth