Les abréviations TEXTE:Abréviations

Bootstrap propose deux mises en forme pour mettre évidence des abréviations. La première passe par l’utilisation de l’élément <abbr>, la deuxième consiste à lui adjoindre une classe dédiée nommée .initialism.

Le dossier de cet exemple à télécharger est nommé 04-Typographie-04.

Voici l’exemple du code utilisé dans ces deux exemples :

<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> 

Voici l’affichage obtenu :

images/C04-017.png

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

Voici les propriétés du sélecteur abbr :

abbr[title] { 
        text-decoration: underline dotted; 
        cursor: help; 
        border-bottom: 0; 
} 

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

abbr.initialism { 
        font-size: 90%; 
        text-transform: uppercase; 
} 
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les mises en évidence
Suivant
Les citations