Esempio
Impostare l'allineamento del testo per <h1>, <h2>, e <h3> elementi:
h1 {
text-align: center;
}
h2 {
text-align: left;
}
h3 {
text-align: right;
} Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà text-align specifica l'allineamento orizzontale del testo in un elemento.
| Valore di default: | left if direction is ltr, and right if direction is rtl |
|---|---|
| Inherited: | yes |
| animatable: | no. Read about animatable |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.textAlign="right" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
CSS Sintassi
text-align: left|right|center|justify|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| left | Allinea il testo a sinistra | Gioca " |
| right | Allinea il testo a destra | Gioca " |
| center | Centra il testo | Gioca " |
| justify | Allunga le linee in modo che ogni linea è uguale larghezza (come in giornali e riviste) | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
Questo esempio dimostra un esempio text-align più avanzato:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
} Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Testo
Di riferimento HTML DOM: textAlign property