Exemplu
Setați înălțimea rândului în procente:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea line-height specifica inaltimea liniei.
Note: Valorile negative nu sunt permise.
| Valoare implicită: | normal |
|---|---|
| Mostenit: | yes |
| Animatable: | yes. Read about animatable Try it |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.lineHeight="30px" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4 | 1.0 | 1.0 | 7 |
CSS Sintaxa
line-height: normal| Valori de proprietate Valoare Descriere Joaca-l normal O înălțime normală linie. Acest lucru este implicit Joaca - l » number Un număr care va fi multiplicat cu dimensiunea fontului curent pentru a seta înălțimea liniei Joaca - l » length O înălțime fixă în linie px, pt, cm, etc. Joaca - l » % O linie de înălțime în procente din dimensiunea fontului curent Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Mai multe exemple
Exemplu
Se specifică spațiul dintre liniile din cele două paragrafe folosind o valoare a pixelilor.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Încearcă - l singur »
Exemplu
Se specifică spațiul dintre liniile din cele două paragrafe folosind un număr de valoare.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Încearcă - l singur »
Pagini similare
Tutorial CSS: CSS Text
HTML DOM referință: lineHeight property