CSS: allineamento del testo

Descrizione

La proprietà text-align determina il modo in cui i riquadrati di riga sono allineati all'interno di un elemento a livello di blocco.

Possibili valori

  • left - Il bordo sinistro di ogni riquadrato di riga è allineato con il bordo sinistro dell'area del contenuto dell'elemento a livello di blocco.

  • right - Il bordo destro di ogni riquadrato di riga è allineato con il bordo destro dell'area del contenuto dell'elemento a livello di blocco.

  • center - Il centro di ciascuna casella di riga è allineato con il centro dell'area del contenuto dell'elemento a livello di blocco.

  • justify - I bordi di ogni riquadrato di riga devono essere allineati con i bordi dell'area del contenuto dell'elemento a livello di blocco.

  • string - Il contenuto delle celle in una colonna si allineerà alla stringa data.

Si applica a

Tutti gli elementi a livello di blocco (tranne il valore <string>, che si applica solo alle celle della tabella).

Sintassi DOM

object.style.textAlign = "justify";

Esempio

Di seguito è riportato l'esempio che dimostra come allineare un testo:

<html>
   <head>
   </head>

   <body>
      <p style = "text-align:right;">
         This will be right aligned.
      </p>
      
      <p style = "text-align:center;">
         This will be center aligned.
      </p>
      
      <p style = "text-align:left;">
         This will be left aligned.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: