Définit la couleur du texte.
Définition: [CSS1]
color: <color>
Exemple:
{
color: #333;
}
text-decoration
définit la décoration du texte (souligné, barre supérieure, barré) [CSS1]
text-decoration: underline | overline | line-through
text-decoration-color
définit la couleur de la décoration [CSS3]
text-decoration-color: <color>
text-decoration-style
définit le style de la décoration (trait, pointillés, etc) [CSS3]
text-decoration-style: solid |double | dotted | dashed | wavy
Définit la casse affichée (minuscule, majscule, première lettre en majuscule) [CSS1]
text-transform: lowercase | uppercase | capitalize | none
Définit l’indentation de la première ligne d’un paragraphe [CSS1]
text-indent: <length> | <percentage>
text-align
définit l’alignement du texte [CSS1]
text-align: center | left | right | justify | auto
text-align-last
définit l’alignement de la dernière ligne de texte d’un paragraphe [CSS3]
text-align-last: center | left | right | justify | auto
text-justify
définit le type de justification à appliquer à un texte justifié [CSS3]
text-justify: auto | inter-character | inter-word | none
Définit si les mots doivent être césurés ou non [CSS3]
hyphens: manual | auto
Ajoute une ombre au texte (accepte une liste séparées par des virgules) [CSS3]
text-shadow: <horizontal offset> <vertical offset> <blur radius> <color> | none
Ajoute une ellipse (…) lorsque du texte est caché par overflow [CSS3]
text-overflow: clip | ellipsis
Exemple:
{
width: 500px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
}
Définit ce qui doit être optimisé lors de l’affichage du texte [SVG]
Permet de faire des compromis entre la vitesse, la lisibilité (crénage, ligatures) et la précision géométrique.
text-rendering: auto | optimizeSpeed | optimizeLegibility | geometricPrecision
text-emphasis-style
Définit le caractère à utiliser pour marquer l’emphase [CSS3]
text-emphasis-style: ([dot | circle| double-circle | triangle | sesame] [filled | open]) | <string>
text-emphasis-color
Définit la couleur du caractère d’emphase [CSS3]
text-emphasis-color: <color>
text-emphasis
Est un raccourcis pour text-emphasis-style
et text-emphasis-color
[CSS3]
text-emphasis: <style> <color>
text-emphasis-position
Définit la position du caractère d’emphase [CSS3]
text-emphasis-position: [ over | under ] && [ right | left ]
Exemple:
{
text-emphasis-style: circle open;
text-emphasis-color: red;
text-emphasis-position: under left;
}
Définit l’espacement entre deux lettres [CSS1]
letter-spacing: normal | <length>
Définit la longueur de l’espacement entre deux mots [CSS3]
word-spacing: normal | <length>
Spécifie si les retours à la ligne sont autorisés au milieu d’un mot [CSS3]
word-break: break-all | keep-all | normal
Définit si les retours à la ligne sont autorisés au milieu d’un mot
Conserve le retour à la ligne automatique à la fin du mot [CSS3]
word-wrap: break-word | normal
JSFiddle Différences entre word-break et word-wrap
Définit le comportement du texte lorsqu’il dépasse la largeur du bloc parent (retour à la ligne ou non) [CSS1]
white-space: pre | pre-line | pre-wrap | normal
Définit la façon dont les sauts de ligne sont gérés
Affecte uniquement les textes en chinois, japonais ou coréen (CJK) [CSS3]
line-break: auto | loose | normal | strict
Définit si un signe de ponctuation se situant au début à la fin d’une ligne de texte doit rester sur cette ligne [CSS3]
hanging-punctuation: none | [ first || [ force-end | allow-end ] || last ]
Définit l’espacement entre les lignes de texte [CSS1]
line-height: normal | <number> | <length> | <percentage>
Définit l’alignement vertical du texte par rapport à la hauteur de la ligne (line-height)
Ou de la hauteur de la cellule de tableau en cours (height) [CSS1]
vertical-align: <length> | baseline | sub | super | text-top | text-bottom | middle | top | bottom
Définit le nombre d’espaces d’une tabulation [CSS3]
tab-size: <number>
Définit les marqueurs à utiliser pour les citations [CSS2]
Peut définir plusieurs niveaux de citation
quotes: [<string> <string>]+
caret
définit la couleur du curseur de saisie de texte [CSS2]
caret-color: <color>