La propriété text-shadow permet d'ajouter une ombre au
texte. Elle prend des valeurs comme la position horizontale, verticale,
le flou et la couleur de l'ombre.
.shadow {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}Exemple: Texte avec ombre
La propriété line-height définit la hauteur d'une ligne de
texte. Elle peut être un nombre, une longueur ou un pourcentage,
affectant l'espacement vertical entre les lignes.
.line-height-exemple {
line-height: 2.5;
}Exemple: Texte avec line-height augmenté
La propriété writing-mode spécifie si les lignes de texte
sont disposées horizontalement ou verticalement. Les valeurs courantes
sont horizontal-tb, vertical-rl, etc.
.writing-mode-example {
writing-mode: vertical-rl;
}Exemple: Texte vertical
La propriété text-orientation contrôle l'orientation des
caractères de texte dans une ligne. Elle est souvent utilisée avec
writing-mode pour les textes verticaux.
.text-orientation-example {
writing-mode: vertical-rl;
text-orientation: upright;
}Exemple: Texte orienté
La propriété text-align-last décrit comment la dernière
ligne d'un bloc ou d'une ligne juste avant un saut de ligne forcé est
alignée. Utile pour justifier le texte.
.text-align-last-example {
text-align: justify;
text-align-last: center;
}Exemple:
La propriété text-transform contrôle la capitalisation du
texte. Les valeurs incluent uppercase,
lowercase, capitalize, etc.
.text-transform-example {
text-transform: uppercase;
}Exemple: texte en majuscules