Exemplo
Ajuste a altura da linha em porcento:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade line-height especifica a altura da linha.
Note: Os valores negativos não são permitidos.
| Valor padrão: | normal |
|---|---|
| Herdado: | yes |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.lineHeight="30px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7 |
CSS Syntax
line-height: normal|number|length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| normal | A altura normal de linha. Este é o padrão | Jogue " |
| number | Um número que será multiplicado com o tamanho da fonte atual para definir a altura da linha | Jogue " |
| length | A altura da linha fixa em px, pt, cm, etc. | Jogue " |
| % | A altura da linha em por cento do tamanho da fonte atual | Jogue " |
| 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
Especifica o espaço entre as linhas em dois parágrafos usando um valor de pixel.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Tente você mesmo " Exemplo
Especifique o espaço entre as linhas em dois parágrafos usando um valor numérico.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Texto
HTML DOM de referência: lineHeight property