Vous êtes sur la page 1sur 2

Propriétés CSS de mise en forme du texte

Attribut Description
color modifie la couleur du texte
[green, #008000, rgb(0,128,0), … ]
font-size ajuste la taille du texte, en utilisant une de ces unités :
[px, pt, em, rem, cm, mm, in, pt, pc, %]
font-family définit une liste de polices dans lesquelles votre texte peut apparaître.
Ex : font-family: "Times New Roman", Times, serif;
font-weight définit l'épaisseur des caractères, généralement à l'aide des valeurs normal
ou bold ou avec une valeur numérique.
font-style détermine si le texte doit être affiché normalement, en italique ou en oblique
[normal, italic, oblique]
text-decoration permet de faire apparaitre une ligne en dessous, au-dessus, ou à travers de
votre texte.
[none || underline || overline || line-through || blink ]
text-shadow fait apparaître une ou plusieurs ombres derrière le texte à l'aide de quatre
paramètres : le décalage horizontal, le décalage vertical, la taille du rayon et la
couleur de l'ombre portée.
text-shadow: 2px 2px 0 white, 4px 4px 0 black, 4px -4px 0 green;
text-align s’utilise pour contrôler la disposition du texte dans la zone de contenu.
[left, right, center, justified]
line-height définit la hauteur de la ligne en utilisant les mêmes unités que la propriété
font-size.
text-transform modifie la casse du texte
[none, uppercase, capitalize, lowercase, full-width]
letter-spacing définit l'interlettre utilisée pour les caractères qui composent le texte.
[normal | <unité> ]
word-spacing définit la règle d'espacement utilisée entre les balises et entre les mots.
font-variant bascule entre petites majuscules et police normale, et réciproquement.
font-variant- contrôle l'utilisation de glyphes alternatifs de plus petites tailles positionnés
position en exposant ou en indice.
font-size-adjust ajuste la taille visuelle de la police indépendamment de sa taille réelle.
font-stretch bascule entre les versions étirées alternatives possibles d'une police donnée.
text-underline- définit la position du soulignement avec la valeur underline pour la propriété
position text-decoration-line.
text-indent indique le nombre d'espaces à ménager horizontalement avant le début de la
première ligne de texte du contenu.
text-overflow définit la façon de signaler aux utilisateurs le contenu en débordement (et
donc non affiché).
white-space définit comment les espaces blancs et les sauts de ligne associés dans
l'élément sont gérés.
word-break spécifie s'il y a césure dans les mots.
direction définit la direction du texte (cela dépend de la langue et généralement, il vaut
mieux laisser HTML la gérer car elle est liée au contenu du texte.)
hyphens active et désactive la césure pour les langues prises en charge.
line-break détend ou renforce la rupture de ligne pour les langues asiatiques.
text-align-last définit comment la dernière ligne d'un bloc ou d'une ligne, juste avant un saut
de ligne forcé, est alignée.
text-orientation définit l'orientation du texte dans une ligne.
word-wrap indique si le navigateur peut replier une ligne en conservant l'ordre des mots
pour empêcher un débordement.
writing-mode définit si les lignes de texte sont disposées horizontalement ou verticalement
et la direction des lignes suivantes.
text-rendering essaye d'effectuer une optimisation du rendu du texte.
font-stretch bascule entre les versions étirées alternatives possibles d'une police donnée.
font-size-adjust ajuste la taille visuelle de la police indépendamment de sa taille réelle.
font-variant- contrôle l'utilisation de glyphes alternatifs de plus petites tailles positionnés
position en exposant ou en indice.
font-variant- contrôle l'utilisation de glyphes alternatifs pour les nombres, les fractions et
numeric les marqueurs ordinaux.
font-variant- contrôle les ligatures et formes contextuelles utilisées dans le texte.
ligatures
font-variant-east- contrôle l'utilisation de glyphes alternatifs pour les écritures des pays de l'est
asian de l'Asie, comme le japonais ou le chinois.
font-variant- contrôle l'utilisation de glyphes alternatifs pour une apparence de police
alternates donnée.
font-variant-caps contrôle l'utilisation de glyphes alternatifs en capitales.
font-feature- active et désactive les fonctionnalités des polices de caractères OpenType.
settings
font-kerning active et désactive les options de crénage des polices.

Les états des liens


link L’état par défaut dans lequel se trouve un lien, lorsqu'il n'est dans aucun autre état
visited Un lien qui a déjà été visité (qui existe dans l'historique du navigateur)
hover Un lien qui est survolé par le pointeur de la souris de l'utilisateur
focus un lien qui a reçu la focalisation (par exemple, quand l'utilisateur du clavier s'est
déplacé en utilisant la touche Tab ou similaire.
active un lien en cours d'activation (par exemple, lorsqu'on clique dessus)

Les bordures
border-style défini le style des lignes utilisées pour les bordures des quatre côtés de la boîte
d'un élément.
[none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset]
border-collapse détermine si les bordures d'un tableau sont séparées ou fusionnées.
[collapse | separate]
border-spacing la distance qu'il y a entre les bordures de cellules adjacentes d'un tableau
border-color permet de définir la couleur de la bordure sur les quatre côtés de la boîte de
bordure d'un élément.
border-left définir la bordure gauche d'un élément
border-right décrire la bordure droite d'un élément.
border-top permet de paramétrer la bordure haute d'un élément.
border-bottom définit la bordure du côté bas d'un élément.
border-width définit la largeur d'une bordure pour la boîte d'un élément.
Exemples
border-style: none; border-color: red #32a1ce;
border-style: dashed solid; border-color: red yellow green transparent;
border-style: dashed groove none dotted; border: thick double #32a1ce;
border-top: solid; border: dashed red;
border-top: thick double #32a1ce; border: 1px solid black;
border-left: 1rem solid; border-width: 2px 10px 4px 20px;

Vous aimerez peut-être aussi