Przykład
Ustawia wyrównanie tekstu dla <h1>, <h2> i <h3> elementów:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Właściwość text-align Określa poziome wyrównanie tekstu w elemencie.
| Domyślna wartość: | left if direction is ltr, and right if direction is rtl |
|---|---|
| Dziedziczny: | yes |
| Animatable: | no. Read about animatable |
| Wersja: | CSS1 |
| Składnia JavaScript: | object .style.textAlign="right" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| text-align | 1,0 | 3,0 | 1,0 | 1,0 | 3,5 |
Składnia CSS
text-align: left|right|center|justify|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| left | Wyrównuje tekst do lewej | Graj " |
| right | Wyrównuje tekst do prawej | Graj " |
| center | Centruje tekst | Graj " |
| justify | Rozciąga linie tak, że każda linia ma jednakową szerokość (jak w gazetach i czasopismach) | 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
Ten przykład pokazuje, bardziej zaawansowany przykład text-align:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} Spróbuj sam " Podobne strony
Kurs CSS: CSS Text
HTML DOM referencyjny: textAlign property