Section courante

A propos

Section administrative du site

text-align

Alignement texte
CSS  

Syntaxe

text-align: paramètres;

Paramètres

Paramètre Description
paramètres Ce paramètre de propriété permet d'indiquer l'alignement du texte horizontal :
Constante Description
"center" Cette constante indique que l'alignement sera effectuer à partir du centre
"justify" Cette constante indique que l'alignement sera effectuer des côtés de façon a étiré le texte, en ajoutant des espaces au besoin, pour qu'il soit droit
"left" Cette constante indique que l'alignement sera effectuer à partir de la gauche
"right" Cette constante indique que l'alignement sera effectuer à partir de la droite

Description

Cette propriété permet de spécifier le déplacement horizontal d'un texte: Vert le gauche, le droite, au milieu, justifié,....

Remarque

Exemple

L'exemple suivant permet de montrer une représentation d'un paragraphe avec un style justifié (avec les côté droit et côté gauche aligné) :

  1. <p style="text-align: justify;">
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ipsum quam, accumsan quis auctor in, luctus vitae ligula. Curabitur id orci sagittis, venenatis urna a, egestas orci. Aenean vitae euismod ligula. Etiam turpis justo, gravida vitae leo quis, maximus fermentum turpis. Suspendisse ultricies orci vitae purus ornare sodales. Aliquam pretium pellentesque dolor quis dignissim. Vivamus congue lacus sodales quam vestibulum rhoncus. Ut consequat sem nisl, quis mollis tellus sagittis in. Fusce porttitor sit amet arcu et hendrerit. Etiam nulla odio, maximus quis malesuada vel, feugiat eget sapien.
  3. </p>     

on obtiendra le résultat suivant :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ipsum quam, accumsan quis auctor in, luctus vitae ligula. Curabitur id orci sagittis, venenatis urna a, egestas orci. Aenean vitae euismod ligula. Etiam turpis justo, gravida vitae leo quis, maximus fermentum turpis. Suspendisse ultricies orci vitae purus ornare sodales. Aliquam pretium pellentesque dolor quis dignissim. Vivamus congue lacus sodales quam vestibulum rhoncus. Ut consequat sem nisl, quis mollis tellus sagittis in. Fusce porttitor sit amet arcu et hendrerit. Etiam nulla odio, maximus quis malesuada vel, feugiat eget sapien.



Dernière mise à jour : Vendredi, le 21 février 2020