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

manual de referencia de CSS

reglas de CSS @

大全 de propiedades CSS

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

max-El atributo height de CSS especifica la altura máxima del área de contenido del elemento. Esta altura máxima no incluye relleno, borde o márgen-Para más información, consulteModelo de cuadro de CSS

La tabla a continuación proporciona una descripción de uso y un historial de versiones de este atributo, así como la sintaxis de uso de este atributo 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:Es.Por favor, consulte Atributos de animación
Versión:CSS 2、3
Sintaxis de JavaScript:object.style.maxHeight="200px"

max-Sintaxis de uso de height

La sintaxis de este atributo es la siguiente:

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

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

  p {
   max-height: 100px;
  }
  div {
   height: 200px;
   max-height: 100px;
  }
Prueba y mira‹/›

Valor del atributo

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

ValorDescripción
lengthEspecificar la altura máxima en px, pt, cm, em, etc. No se permiten valores negativos.
percentageEspecificar la altura máxima en porcentaje. El porcentaje se calcula en función de la altura del contenedor del elemento. No se permiten valores porcentajes negativos.
noneLa altura no tiene un valor máximo. Este es el valor predeterminado.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el max del elemento padre-Valor del atributo height.

Compatibilidad del navegador

max-La compatibilidad del navegador con el atributo height de la propiedad height, 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 las instrucciones sobre el siguiente contenido:Modelo de cuadro de CSSTamaño de CSS

Atributos relacionados:Alturamin-Altura