Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

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

div { text-align: center; border:solid; }

p { background:gold; width:22em; }

e le altre righe di codice...
div { text-align: center; border:solid; }

p { background:gold; width:22em; margin: 1em auto; }

e le altre righe di codice...
div { text-align:-moz-center; text-align:-webkit-center; border:solid; }

p { background:gold; width:22em; }

e le altre righe di codice...

Note

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

Specifiche

Compatibilità coi browser

Browser Versione minima supportata
Firefox (Gecko) 1.0
Internet Explorer 3
Netscape 4
Opera 3.5

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,

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: SaverioITA, teoli, Federico
 Ultima modifica di: SaverioITA,