text-align

<< Guida di riferimento ai CSS

Sommario

La proprietà text-align indica come le linee di testo devono essere allineate tra loro. text-align non influisce sull'allineamento degli altri elementi, solo del loro contenuto in-line.

• valore-iniziale: dipende dal browser utilizzato e dalla direzione del testo
• Si applica a: tutti gli elementi di livello blocco
• Eredità: si
• Media: visual
• Computed value:

Sintassi

text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;

Valori

• left : le righe si allineano al bordo sinistro dell'elemento che contiene il testo
• right : le righe si allineano al bordo destro dell'elemento che contiene il testo
• center : le righe sono centrate all'interno dell'elemento che contiene il testo
• justify : le righe sono lunghe uguali e sono quindi allineate ad entrambi i bordi dell'elemento (tranne l'ultima, generalmente più corta, che è allineata a sinistra)
  quindi è allineato in modo giustificato dell'elemento che contiene il testo
• justify-all: è come justify ma anche l'ultima riga è giustificata

Esempi

p.left { text-align: left; }

p.right { text-align: right; }

Esempi Live

Note

• La specifica CSS2 comprendeva un valore <stringa> che poi è stato eliminato dai CSS2.1 perchè mai implementato.

Specifiche

• CSS 1
• CSS 2.1

Compatibilità coi browser

Vedi anche

text-indent, text-align, text-decoration, letter-spacing, word-spacing, text-transform, white-space, white-space-collapse, text-rendering, text-wrap, text-shadow, margin, margin-left, margin-right, vertical-align,