oujood.com

CSS La propriété : text-align.

Utiliser la propriété CSS text-align pour aligner le texte horizontalement dans vos éléments HTML. Découvrez les différentes valeurs possibles et des exemples pratiques d'utilisation.
La propriété de feuille de style css text-align permet de spécifier l'alignement horizontal du texte.

chercher |

CSS alignement de texte: La propriété CSS text-align : Guide complet pour l'alignement du texte


La propriété text-align en CSS permet de définir l'alignement horizontal du texte à l'intérieur d'un élément.

Définition et utilisation:La propriété text-align

La propriété text-align permet de définir l'alignement du texte d'un élément dans le sens horizontal.

Syntaxe générale

La syntaxe générale de la propriété text-align est la suivante :

selector {

  text-align: value;

}

où :

  • selector désigne l'élément HTML cible sur lequel on souhaite appliquer la propriété text-align.
  • value représente la valeur de l'alignement souhaité, telle que left, right, center, justify, etc.
Valeurs par défautleft (gauche) si la direction est ltr, et right (droite) si la direction est rtl
Inherited: oui
Animable : non En savoir plus sur l'animable
Version: CSS1
Syntaxe JavaScript: object.style.textAlign="right"

Exemple :

  Copier le code

	h1 {text-align:center}
	h2 {text-align:right}
	h3 {text-align:left}

Valeurs possibles de la propriété : text-aling

ValeurDescription
left le texte est alingé vers la gauche
right le texte est alingé vers la droite
center le texte est centré
justify le texte est jusifier
inheritIndique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur

Astuces et conseils d'utilisation

  • La propriété text-align s'applique généralement aux éléments de bloc tels que les paragraphes, les titres, les divs, etc.
  • Si vous souhaitez aligner le texte à l'intérieur d'un conteneur, assurez-vous que le conteneur a une largeur définie. Sinon, le texte s'alignera sur toute la largeur disponible.
  • L'alignement du texte peut également être affecté par d'autres propriétés CSS, comme la direction du texte (direction) ou la mise en page float.
  • Expérimentez avec les différentes valeurs de text-align pour trouver l'alignement qui convient le mieux à votre design.
  • Utilisez judicieusement l'alignement justifié (justify) pour éviter les espaces excessifs entre les mots. Cela fonctionne mieux avec des paragraphes de texte.

Conclusion

La propriété text-align en CSS est un outil puissant pour contrôler l'alignement horizontal du texte à l'intérieur des éléments. En comprenant sa syntaxe, ses valeurs et en explorant des exemples pratiques, vous pouvez facilement manipuler l'alignement du texte dans vos projets web.

Prise en charge de la propriété dans les navigateurs

Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.

ExplorateurGoogle ChromeInternet ExplorerFirefoxSafariOpera
Verssion1311 3.5

Par carabde 10 mars 2014



Voir aussi nos tutoriel :

propriété css background-clip

Indique la zone de l'arrière-plan qui sera colorée

fonction get_html_translation_table, get_html_translation_table

Retourne la table de traduction des entités utilisée par htmlspecialchars et htmlentities

list-style-position

Indique si les marqueurs list-item doit apparaitre à l'intérieur ou en dehors du flux du contenu