English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS text-align imposta il metodo di allineamento orizzontale del contenuto in linea (ad esempio, testo e immagini) all'interno dell'elemento bloccante genitore (ad esempio, titolo o paragrafo).
La tabella sottostante fornisce spiegazioni sull'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso dell'attributo nel script JavaScript.
| Valore predefinito: | left sedirectionSì ' ltr', right se direction è ' rtl' |
|---|---|
| Applicabile: | Elementi bloccanti, celle di tabella e blocco in linea |
| Ereditabile: | Sì |
| Animabile: | No.Vedere anche Proprietà animazione。 |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object.style.textAlign="right" |
La sintassi di questa proprietà è la seguente:
text-align: left | right | center | justify | initial | inherit
Ecco un esempio di come utilizzare l'attributo text-align.
h1 {
text-align: center;
}
p {
text-align: justify;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| left | Allinea a sinistra il testo in linea. |
| right | Allinea a destra il testo in linea. |
| center | Centra il testo in linea. |
| justify | Il testo ha senso. Il testo allinea i margini sinistro e destro del paragrafo attraverso la stretching degli spazi e delle parole. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo text-align dell'elemento padre. |
Compatibilità del browser per l'attributo text-align: i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Ecco i tutorial da consultare:Testo CSS，Allineamento CSS。
Proprietà correlate con il testo:letter-spacing，text-decoration，text-indent，text-overflow，text-shadow，text-transform，white-space，word-spacing。