min-width
Establece el ancho mínimo para un elemento.
Sintaxis
{ min-width: sMinWidth }
Valores posibles
sMinWidth
Variante que especifica el ancho mínimo de un elemento:
length |
Número de punto flotante seguido por un designador de unidades absolutas ( cm , mm , in , pt o pc ) o un designador de unidades relativas ( em , ex o px ). Para obtener más información acerca de las unidades de longitud admitidas, vea Referencia de unidades de longitud. |
percentage |
Entero seguido de un signo de porcentaje (%) que especifica el porcentaje del alto del bloque donde está incluido el elemento que se va a usar como alto máximo del elemento. Si el alto del bloque donde está incluido el elemento no se establece de forma explícita, el elemento no tiene ningún alto máximo y la propiedad max-height se interpreta como 0% . Para obtener más información sobre los bloques que incluyen elementos y cómo se calcula su alto, vea la especificación Cascading Style Sheets (CSS), Level 2, Revision 1 (CSS2.1) (Hojas de estilos en cascada (CSS), nivel 2, revisión 1 (CSS2.1)) |
La propiedad no tiene un valor predeterminado. No se hereda.
Observaciones
Los atributos min-width y max-width se aplican a los elementos de nivel de bloque flotantes y con posicionamiento absoluto, a los elementos inline-block y a algunos controles intrínsecos. No se aplican a elementos en línea no reemplazados, como filas de tabla y grupos de filas o columnas. (Un elemento "reemplazado" tiene dimensiones intrínsecas, como un elemento IMG o un elemento TEXTAREA).
Esta propiedad solo está habilitada bajo !DOCTYPE estricto.
Ejemplo
En el siguiente ejemplo se muestra cómo limitar el ancho de un elemento DIV con los atributos min-width y max-width . El ejemplo solo se puede ver con Microsoft Internet Explorer 7 o una versión posterior:
<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Strict//EN">
<html>
<head><style>
.width {
width:50%;
min-width:200px;
max-width:400px;
background:#eee;
}
.content {
border :1px solid #c00;
padding:5px;
}
</style>
</head>
<body>
<div class="width">
<div class="content">
<h2>{min-width:200px; max-width:400px}</h2>
<p>This div has a width of 50%. Resize the window
to grow and shrink the div from max to min width.<br/><br/>
The outer div controls the width of the inner "content" div.
Note that the div height increases to accomodate the flow of text.</p>
</div>
</div>
</body>
</html>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)) .png "Ee371243.xtlink_newWindow(es-es,Expression.40).png")
.
Aplicable a
a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frameset, frame, hn, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp
Vea también
Conceptos
Copyright © 2011 de Microsoft Corporation. Reservados todos los derechos.