Alignement du texte dans CSS

CSS court pour les feuilles de style en cascade est utilisé pour manipuler les éléments d'une page Web écrite en HTML ou XML pour améliorer son apparence. CSS se compose d'une vaste gamme de propriétés qui sont utilisées pour modifier la couleur, la taille, l'alignement d'un élément, etc. Cet article, cependant, est conçu pour éclairer ses lecteurs concernant la propriété qui aide à aligner le texte sur une page Web.

Alignement du texte dans CSS

Pour aligner votre texte à l'aide de CSS, la propriété Text-Align est utilisée. Cette propriété aligne le texte horizontal. Un texte peut être aligné de différentes manières;

1. Gauche
2. Droite
3. Centre
4. Justifié

Si la direction du texte est de gauche à droite, le texte sera aligné à gauche par défaut, et si la direction du texte est de droite à gauche, le texte sera aligné à droite par défaut.

Comment laisser aligner le texte

Pour aligner le texte à gauche, définissez la valeur de la propriété Text-Align à gauche. L'exemple suivant montre l'alignement gauche du texte.

Ce texte est laissé aligné.

Sortir

L'alignement du texte a été défini à gauche.

Comment aligner le texte

Afin d'aligner le texte à droite, définissez la valeur de la propriété Text-Align en tant que droit. L'exemple suivant montre l'alignement droit du texte.

Ce texte est correctement aligné.

Sortir

Le texte a été correct.

Comment centrer le texte d'aligner

Afin d'aligner le texte sur le centre définissez la valeur de la propriété Text-Align en tant que centre. L'exemple suivant montre l'alignement central du texte.

Ce texte est aligné au centre.

Sortir

Le texte a été aligné au centre.

Comment justifier l'alignement du texte

Afin de justifier l'alignement du texte définir la valeur de la propriété Text-Align comme justifier. Lorsque vous justifiez l'alignement du texte, chaque ligne est étirée pour avoir la même largeur, en outre, les marges (gauche et droite) sont réglées directement. L'exemple ci-dessous Demostrates Alignement du texte justifié.

Cet alignement de texte est justifié.

Sortir

L'alignement du texte a été justifié.

Maintenant, nous rencontrons parfois une situation où nous voulons aligner un morceau de texte au lieu de l'ensemble du texte. Supposons que vous souhaitiez aligner la dernière ligne du texte et pour cela, la propriété Text-Align-Last est utilisée.

Texte aligne la dernière propriété

Comme déjà mentionné, cette propriété est utilisée, alignez la dernière ligne du texte.

Exemple
Dans l'exemple suivant, nous justifions l'alignement de la dernière ligne du paragraphe.

CSS court pour les feuilles de style en cascade est utilisé pour manipuler les éléments d'une page Web écrite en HTML ou XML pour améliorer son apparence. CSS se compose d'une vaste gamme de propriétés qui sont utilisées pour modifier la couleur, la taille, l'alignement d'un élément, etc.

Sortir

La dernière ligne du paragraphe est justifiée.

Conclusion

En utilisant la propriété Text-Align de CSS, vous pouvez ajuster l'alignement de votre texte dans un document HTML. Le texte sur une page Web peut être aligné de quatre manières différentes qui sont; gauche, droite, centre et justifié. De plus, la propriété texte-aligne-allonge est utilisée pour aligner la ligne d'un paragraphe. Cette rédaction met en évidence la propriété de texte-alignement de CSS en profondeur à l'aide d'exemples appropriés.