English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

libro de referencias de CSS

reglas @ de CSS (RULES)

大全 de propiedades CSS

CSS max-Método de uso y ejemplo del atributo width

max-El ancho máximo del área de contenido del elemento especificado por el atributo width de CSS. Este ancho máximo no incluye relleno, borde o márgen-Por favor, consulteModelo de caja de CSS

La tabla a continuación proporciona instrucciones de uso y registro histórico de versiones de este atributo, así como la sintaxis de uso en scripts de JavaScript.

Valor predeterminado:none
Aplicable a:Todos los elementos excepto los elementos incrustados no reemplazados, las filas de la tabla y los grupos de filas
Herencia:No
Animable:Sí.Por favor, consulte Atributos de animación
Versión:CSS 2、3
Sintaxis de JavaScript:object.style.maxWidth="200px"

max-Sintaxis del uso de width

La sintaxis de este atributo es la siguiente:

max-width: length | percentage | none | initial | inherit

Los siguientes ejemplos muestran cómo usar max-Atributo width.

  p {
   max-width: 400px;
  }
  div {
   width: 300px;
   max-width: 200px;
  }
Prueba aquí‹/›

Valor del atributo

La tabla a continuación describe los valores de este atributo.

ValorDescripción
lengthAncho máximo especificado, en px, pt, cm, em, etc. No se permite el uso de valores negativos.
percentageAncho máximo, en porcentajes. Se calcula el porcentaje en función del ancho del contenedor del elemento. No se permite el uso de valores porcentajes negativos.
noneNo hay ancho máximo. Este es el valor predeterminado.
initialEstablezca este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza max de su elemento padre-Valor del atributo width.

Compatibilidad del navegador

max-La compatibilidad del navegador del atributo width. Los números en la tabla a continuación representan la versión más baja del navegador que admite este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 7+

  • Apple Safari 1+

  • Opera 7+

Leer más

Por favor, consulte los tutoriales relacionados con el siguiente contenido:Modelo de caja de CSSTamaño de CSS

Atributos relacionados:widthmin-width