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 inicialas each of the properties of the shorthand:
Percentagesas 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.
Mediavisual, continuous
Valor calculadoas 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 orderorder 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

Compatibilidad de navegadores

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

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: israel-munoz
 Última actualización por: israel-munoz,