Propiedad maxWidth de estilo
Ejemplo
Establezca el ancho máximo de un elemento <div>:
document.getElementById("myDiv").style.maxWidth = "100px";
Definición y uso
La propiedad maxWidth establece o devuelve el ancho máximo de un elemento.
La propiedad maxWidth tiene efecto solo en elementos a nivel de bloque o en elementos con posición absoluta o fija.
Nota: El ancho de un elemento nunca puede ser mayor que el valor especificado por la propiedad maxWidth.
Sugerencia: para establecer o devolver el ancho mínimo de un elemento, use la propiedad minWidth .
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
maxWidth | Yes | Yes | Yes | Yes | Yes |
Sintaxis
Devuelve la propiedad maxWidth:
object.style.maxWidth
Establezca la propiedad maxWidth:
object.style.maxWidth = "none|length|%|initial|inherit"
Valores de propiedad
Value | Description |
---|---|
none | No limit on the width of the element. This is default |
length | Defines the maximum width in length units |
% | Defines the maximum width in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detalles técnicos
Valor por defecto: | ninguna |
---|---|
Valor de retorno: | Una cadena, que representa el ancho máximo de un elemento |
Versión CSS | CSS2 |
Más ejemplos
Ejemplo
Devuelve el ancho máximo de un elemento <div>:
alert(document.getElementById("myDiv").style.maxWidth);
páginas relacionadas
Tutorial CSS: Dimensión CSS
Referencia de CSS: propiedad max-width
❮ Objeto de estilo