CSS - aligner le texte

La description

La propriété text-align détermine la manière dont les zones de ligne sont alignées dans un élément de niveau bloc.

Valeurs possibles

  • left - Le bord gauche de chaque zone de ligne est aligné avec le bord gauche de la zone de contenu de l'élément de niveau bloc.

  • right - Le bord droit de chaque zone de ligne est aligné avec le bord droit de la zone de contenu de l'élément de niveau bloc.

  • center - Le centre de chaque boîte de ligne est aligné avec le centre de la zone de contenu de l'élément de niveau bloc.

  • justify - Les bords de chaque boîte de ligne doivent s'aligner avec les bords de la zone de contenu de l'élément de niveau bloc.

  • string - Le contenu des cellules d'une colonne s'alignera sur la chaîne donnée.

S'applique à

Tous les éléments de niveau bloc (à l'exception de la valeur <chaîne>, qui ne s'applique qu'aux cellules du tableau).

Syntaxe DOM

object.style.textAlign = "justify";

Exemple

Voici l'exemple qui montre comment aligner un texte -

<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>

Cela produira le résultat suivant -