English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico CSS

Modelo de caixa CSS

CSS3Tutorial Básico

Manual de Referência CSS

Regras (RULES) CSS

CSS line-height (altura da linha)

CSS line-Propriedade de espaçamento de linha heightUsado paraA altura mínima da moldura definida no elementoEle define o espaçamento entre duas linhas de conteúdo.

Ele define a quantidade de espaço acima e abaixo do elemento inline. Permite que você defina a altura da linha independentemente do tamanho da fonte.

Valor de altura da linha CSS

line-A propriedade valor de height é usada junto com CSS line-A propriedade height precisa ser usada junto.

ValorDescrição
normalEste é o valor padrão. Ele especifica a altura normal.
numberEle especifica um número que é multiplicado pelo tamanho da fonte atual para definir a altura da linha.
lengthEle é usado para definir a altura da linha com px, pt, cm, etc.
%Ele especifica a altura da linha como uma porcentagem da fonte atual.
initialEle configura essa propriedade para seu valor padrão.
inheritEle herda essa propriedade do elemento pai.

Exemplo de Altura da Linha CSS

<!DOCTYPE html>  
<html>  
<head>  
<style>  
h3.small {  
    line-height: 70%;  
}  
h3.big {  
    line-height: 200%;  
}  
</<style>  
</<head>  
<body>  
<h3>  
Este é um título com espaçamento de linha padrão.<br>  
Este é um título com espaçamento de linha padrão.<br>  
A maioria dos navegadores tem o espaçamento de linha padrão aproximadamente110% até120%.<br>  
</h3>  
<h3 class="small">  
Este é um título com espaçamento de linha pequeno.<br>  
Este é um título com espaçamento de linha pequeno.<br>  
Este é um título com espaçamento de linha pequeno.<br>  
Este é um título com espaçamento de linha pequeno.<br>  
</h3>  
<h3 class="big">  
Este é um título com espaçamento de linha grande.<br>  
Este é um título com espaçamento de linha grande.<br>  
Este é um título com espaçamento de linha grande.<br>  
Este é um título com espaçamento de linha grande.<br>  
</h3>  
</body>  
</html>
Teste e Veja‹/›