Exemplu
Setați alinierea textului și pentru <h1> <h2>, <h3> elemente:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea-aliniere text specifică alinierea orizontală a textului într-un element.
| Valoare implicită: | left if direction is ltr, and right if direction is rtl |
|---|---|
| Mostenit: | yes |
| Animatable: | no. Read about animatable |
| Versiune: | CSS1 |
| sintaxa JavaScript: | object .style.textAlign="right" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Sintaxa
text-align: left|right|center|justify|initial|inherit;Valori de proprietate
| Valoare | Descriere | Joaca-l |
|---|---|---|
| left | Aliniază textul la stânga | Joaca - l » |
| right | Aliniază textul la dreapta | Joaca - l » |
| center | Centre textul | Joaca - l » |
| justify | Se întinde liniile, astfel încât fiecare linie are aceeași lățime (cum ar fi în ziare și reviste) | 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
Acest exemplu demonstrează un exemplu mai avansat-aliniere text:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} Încearcă - l singur » Pagini similare
Tutorial CSS: CSS Text
HTML DOM referință: textAlign property