Sélection de la langue

Recherche

Redimensionnement

Chantier

Cette page est en chantier.

Veuillez transmettre un problème ou soumettre une demande de tirage s'il manque des renseignements ou des codes ou si la synchronisation est incorrecte ou déphasée avec le principal référentiel (wet-boew/wet-boew).

Usage

L'utiliser pour écraser la taille par défaut d'un élément de texte (rendre le texte grand ou petit).

Conception et codage

Utilisation de base

Options de hauteur

L'utiliser pour écraser la taille de police globale par défaut font-size de 16px par une hauteur de ligne (line-height) de 1.428.

Apparence
  • Taille H1
  • Taille H2
  • Taille « lead »
  • Taille H3
  • Taille H4
  • Taille H5
  • (Taille par défaut)
  • Taille H6
  • Petite taille (CSS)
  • Petite taille (élément)
Bonne utilisation

Points de conformité :

  • Utilisez le balisage sémantique approprié
    • Le redimensionnement du texte peut transmettre des renseignements
  • Utilisez-le lorsque vous devez augmenter ou diminuer l'effet d'un texte qui n'est pas un en-tête réel
  • Utilisez l'élément <small> pour définir du texte petit, par exemple, les remarques secondaires, les mises en garde et les petits caractères, y compris le droit d'auteur et le texte juridique
  • Utilisez le CSS .small pour appliquer un style au texte et réduire la taille et l'effet de celui-ci
Mauvaise utilisation

Points de conformité :

  • N'utilisez pas cet élément d'une façon qui entre en conflit avec les points d'observation précédents
  • Ne l'utilisez pas à la place d'en-têtes réels
  • N'utilisez pas .small ou <small> simplement pour faire rentrer du texte volumineux dans une petite section
    • Envisagez de séparer le texte en plus petits blocs
Code
<ul>
  <li class="h1 mrgn-tp-0 mrgn-bttm-md">Taille H1</li>
  <li class="h2 mrgn-tp-0">Taille H2</li>
  <li class="lead">Taille « lead »</li>
  <li class="h3">Taille H3</li>
  <li class="h4">Taille H4</li>
  <li class="h5">Taille H5</li>
  <li>Taille par défaut</li>
  <li class="h6">Taille H6</li>
  <li class="small">Petite taille CSS</li>
  <li><small>Petite taille (élément)</small></li>
</ul>

Une partie du code et des documents pour cette page est tirée de Bootstrap (lien externe)

Date de modification: