Exemplo
Definir a altura e largura de um parágrafo:
p.ex
{
height: 100px;
width: 100px;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade height define a altura de um elemento.
Note: A propriedade altura não inclui preenchimento, bordas, ou margens; ele define a altura da área dentro do espaçamento, borda e margem do elemento!
Note: Os min-height e max-height propriedades substituir altura.
| Valor padrão: | auto |
|---|---|
| Herdado: | no |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.height="500px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| height | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
height: auto|length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| auto | O navegador calcula a altura. Este é o padrão | Jogue " |
| length | Define a altura em px, cm, etc. | Jogue " |
| % | Define a altura em percentagem do bloco contendo | |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Definir a altura de um elemento com um valor percentual:
img
{
height: 50%;
}
Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Dimensão
Tutorial CSS: modelo CSS Box
Referência CSS: width property
Referência HTML DOM: height property