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
- Si vous ne voulez pas de changement de ligne pour un symbole de ponctuation comme «:», «!» ou «?» après un mot, vous devriez remplacer l'espace par le caractère « ». Exemple, pour obtenir le «Bonjour !» sur la même ligne, vous devriez écrire «Bonjour !»
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é) :
- <p style="text-align: justify;">
- 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.
- </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.