Sommaire

Les abréviations CSS POUR LE TEXTE:Abréviation

Bootstrap propose deux mises en forme pour mettre en évidence des abréviations.

La première est l’utilisation de l’élément <abbr>, la deuxième est de lui adjoindre une classe dédiée nommée .initialism.

Exemple du code :

<p>Vous utilisez l’<abbr title="HyperText Markup Language v4">html 
4</abbr> ou l’<abbr title="HyperText Markup Language v5" class=
"initialism">html5</abbr></p>

Le sélecteur abbr affiche le curseur en forme de point d’interrogation et applique une bordure inférieure pointillée.

abbr[title], abbr[data-original-title] { 
   cursor: help; 
   border-bottom: 1px dotted #999; 
}

La classe .initialism applique une taille de caractères plus petite et met toutes les lettres en capitales :

abbr.initialism { 
   font-size: 90%; 
   text-transform: uppercase; 
}

L’affichage :

images/C03-004.png