Proprietà CSS text-align
Esempio
Imposta l'allineamento del testo per diversi elementi <div>:
div.a {
text-align: center;
}
div.b {
text-align: left;
}
div.c {
text-align: right;
}
div.c {
text-align:
justify;
}
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La text-align
proprietà specifica l'allineamento orizzontale del testo in un elemento.
Valore di default: | a sinistra se la direzione è ltr ea destra se la direzione è rtl |
---|---|
Ereditato: | sì |
Animabile: | no. Leggi su animabile |
Versione: | CSS1 |
sintassi JavaScript: | oggetto .style.textAlign="right" |
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
text-align | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
Sintassi CSS
text-align: left|right|center|justify|initial|inherit;
Valori di proprietà
Value | Description | Play it |
---|---|---|
left | Aligns the text to the left | |
right | Aligns the text to the right | |
center | Centers the text | |
justify | Stretches the lines so that each line has equal width (like in newspapers and magazines) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Altri esempi
Esempio
Un altro esempio di allineamento del testo:
h1 {
text-align: center;
}
p.date {
text-align: right;
}
p.main {
text-align: justify;
}
Pagine correlate
Tutorial CSS: testo CSS
Riferimento HTML DOM: proprietà textAlign