Propriété text-align
La propriété text-align définit
l'alignement du texte : à gauche, à droite,
au centre, justifié (aligné simultanément à gauche et à droite).
Syntaxe
csssélecteur {
text-align: center | left | right | justify | auto | start | end;
}
Valeurs
| Valeur | Description |
|---|---|
center |
Le texte sera aligné au centre. |
left |
Le texte sera aligné à gauche. |
right |
Le texte sera aligné à droite. |
justify |
Le texte sera justifié (aligné simultanément à gauche et à droite). |
auto |
Ne modifie pas l'alignement de l'élément (valeur par défaut). |
start |
Équivaut à left si le texte va de gauche à droite, et à right
lorsque le texte va de droite à gauche (langue arabe, etc.).
|
end |
Équivaut à right si le texte va de gauche à droite et à left,
lorsque le texte va de droite à gauche.
|
Valeur par défaut : auto. Dans la plupart des
cas, par défaut, le texte est aligné à
gauche (en arabe - à droite).
Cependant, il existe des exceptions, par exemple, le texte
dans th
sera aligné au centre.
Exemple . Valeur left
html<p>
some long text
</p>cssp {
text-align: left;
width: 400px;
}
Результат:
Exemple . Valeur right
html<p>
some long text
</p>cssp {
text-align: right;
width: 400px;
}
Результат:
Exemple . Valeur center
html<p>
Lorem ipsum dolor sit amet.
</p>cssp {
text-align: center;
}
Результат:
Exemple . Valeur justify
html<p>
some long text
</p>cssp {
text-align: justify;
width: 400px;
}
Результат: