Przykład
Ustaw wysokość wiersza w procentach:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość line-height Określa wysokość wiersza.
Note: Wartości ujemne są niedozwolone.
| Domyślna wartość: | normal |
|---|---|
| Dziedziczny: | yes |
| Animatable: | yes. Read about animatable Try it |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.lineHeight="30px" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| line-height | 1,0 | 4,0 | 1,0 | 1,0 | 7,0 |
Składnia CSS
line-height: normal|number|length|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| normal | Normalna wysokość wiersza. Jest to domyślny | Graj " |
| number | Liczba, która będzie mnożona przez aktualnego rozmiaru czcionki, aby ustawić wysokość wiersza | Graj " |
| length | Stała wysokość wiersza w px, pt, cm, etc. | Graj " |
| % | Mała wysokość linia procent aktualnego rozmiaru czcionki | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Określ odstęp między wierszami w dwóch punktach za pomocą wartości piksela.
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} Spróbuj sam " Przykład
Określ odstęp między wierszami w dwóch punktach za pomocą wartości liczbowej.
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} Spróbuj sam " Podobne strony
Kurs CSS: CSS Text
HTML DOM referencyjny: lineHeight property