Propiedad de altura CSS
Ejemplo
Establezca la altura de dos elementos <div>:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La height
propiedad establece la altura de un elemento.
¡La altura de un elemento no incluye relleno, bordes o márgenes!
Si height: auto;
el elemento ajustará automáticamente su altura para permitir que su contenido se muestre correctamente.
Si height
se establece en un valor numérico (como píxeles, (r)em, porcentajes), si el contenido no se ajusta a la altura especificada, se desbordará. La propiedad de desbordamiento define cómo manejará el contenedor el contenido
desbordado .
Nota: Las propiedades min-height y
max-height anulan la
height
propiedad.
Valor por defecto: | auto |
---|---|
Heredado: | No |
Animable: | si. Leer sobre animable |
Versión: | CSS1 |
Sintaxis de JavaScript: | objeto .style.height="500px" |
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
Sintaxis CSS
height: auto|length|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
auto | The browser calculates the height. This is default | |
length | Defines the height in px, cm, etc. Read about length units | |
% | Defines the height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Más ejemplos
Ejemplo
Establezca la altura de un elemento al 50% de la altura del elemento principal:
#parent {
height: 100px;
}
#child {
height: 50%;
}
páginas relacionadas
Tutorial de CSS: altura y ancho de CSS
Tutorial de CSS: modelo de caja CSS
Referencia CSS: propiedad de ancho
Referencia HTML DOM: propiedad de altura