Accueil    CSS    Propriété Text-align
 



style css text-align  Style CSS text-align

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété text-align détermine l'alignement du texte contenu dans l'élément qu'elle décrit. Par défaut le texte est aligné à gauche, mais il est possible de le justifier, de le centrer ou de l'aligner sur la droite.

En utilisant la propriété padding il est possible de définir un espacement entre le texte et le bord du conteneur.



Propriétés pour le style text-align :




Propriété Définition Valeurs CSS
text-align Détermine l'alignement du texte par rapport au conteneur center
justify
left
right
inherit
CSS 1


Exemple d'utilisation du style css text-align :




Mise en place des différents alignements de texte possible :

<div style="text-align:justify; width:300px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec la propriété text-align :
   justify. Le texte est ajusté à la taille du conteneur.
</div>

<div style="text-align:right; width:300px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec la propriété text-align : right.
   Le texte est aligné à droite sans ajustement.
</div>

<div style="text-align:left; width:300px; border:solid 1px black; padding:5px;">
   Exemple de texte aligné au sein d'un élément div avec la propriété text-align : left.
   Le texte est aligné à gauche sans ajustement.
</div>

<div style="text-align:center; width:300px; border:solid 1px black; padding:5px;">
   Exemple de texte centré au sein d'un élément div avec la propriété text-align :
   center. Le texte est centré sans ajustement.
</div>


Mise en place des différents alignements de texte possible :

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : justify. Le texte est ajusté à la taille du conteneur.

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : right. Le texte est aligné à droite sans ajustement.

Exemple de texte aligné au sein d'un élément div avec la propriété text-align : left. Le texte est aligné à gauche sans ajustement.

Exemple de texte centré au sein d'un élément div avec la propriété text-align : center. Le texte est centré sans ajustement.