height

Resumen

El descriptor CSS height es un descriptor de forma reducida para establecer min-height y max-height en el viewport. Definiendo un valor de longitud para viewport se establecerán los dos, altura mínima y altura máxima, con el valor definido.

Si se definen dos valores de viewport, el primero corresponderá a la altura mínima, y el segundo, a la altura máxima.

Related at-rule	`@viewport`
Valor inicial	as each of the properties of the shorthand: `min-height`: `0` `max-height`: `none`
Percentages	as each of the properties of the shorthand: `min-height`: The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as `0`. `max-height`: The percentage is calculated with respect to the height of the generated box's containing block. If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as `none`.
Media	visual, continuous
Valor calculado	as each of the properties of the shorthand: `min-height`: the percentage as specified or the absolute length `max-height`: the percentage as specified or the absolute length or `none`
Canonical order	order of appearance in the formal grammar of the values

Sintaxis

/* Un valor */
height: auto;
height: 320px;
height: 15em;

/* Dos valores */
height: 320px 200px;

Valores

auto: El valor a usar es calculado con los valores de otros descriptores CSS.
<length>: Un valor <length> de longitud absoluta o relativa no negativa.
<percentage>: Un valor <percentage> del porcentaje relativo a la anchura o altura del viewport inicial, con factor de zoom de 1.0, para longitudes verticales y horizontales respectivamente. No puede ser negativo.

Sintaxis formal

<viewport-length>{1,2}where 
<viewport-length> = auto | <length-percentage>
where 
<length-percentage> = <length> | <percentage>

Ejemplo

@viewport {
  height: 500px;
}

Especificaciones

Especificación	Estado	Comentarios
CSS Device Adaptation The definition of '"height" descriptor' in that specification.	Working Draft	Definición inicial

Característica	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Soporte básico	29 (usando una bandera)	No support	10 -ms	11.10 Removido en 15 Reintroducido con una bandera en 16	No support

Característica	Android	Chrome for Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Soporte básico	4.4	29	No support	10-ms	11.10 Removido en 15 Reintroducido con una bandera en 16	No support