2.3.3Séparez les citations du flot de texte.

Quelque soit la manière dont les citations sont définies, il doit exister une distinction visuelle entre le texte principal et une citation, puis ensuite entre la citation et le texte qui suit.”

L’ajout d’espace entre un bloc de citation et le texte principal se fait en appliquant un margin-top et un margin-bottom à la citation. Par défaut, les navigateurs appliquent généralement des margin-right et margin-left dans le même temps. Si vous souhaitez annuler ce comportement, vous le pouvez en déclarant les margin à zéro. Si au contraire vous souhaitez préserver l’indentation, une mise en page plus homogène peut être obtenue en appliquant des margin égales sur tous les bords.

blockquote {
  margin: 1.5em;
}

Comme expliqué dans l'article 2.2.2, les margin devraient être calculées pour que le rythme vertical du texte soit maintenu. Lorsque la taille texte dans la citation est identique à celle du texte principal, les margin devraient être égales à la hauteur de ligne.

Sommaire

  1. 2Rythme & proportion
    1. 2.1Horizontalement
      1. 2.1.1Définissez l'espace mot en fonction de la taille du caractère et de son interlettrage naturel
      2. 2.1.2Établissez une longueur de ligne confortable
      3. 2.1.3Choisissez la justification en fonction du texte et de la page
      4. 2.1.4Utilisez une valeur d’espace entre les phrases
      5. 2.1.5N’ajoutez pas - ou alors très peu - d’espace dans une suite d’initiales
      6. 2.1.6Espacez toutes les suites de capitales et petites capitales, ainsi que les longues suites de chiffres
      7. 2.1.7N’augmentez pas l’interlettrage des bas de casse sans raison
      8. 2.1.8Crénez de façon régulière et légère ou pas du tout
      9. 2.1.9N’altérez pas les largeurs, les formes ou les lettres sans raison
      10. 2.1.10N’éloignez pas de trop les éléments apparentés
    2. 2.2Verticalement
      1. 2.2.1Choisissez un interlignage correspondant à la police, au texte et à la mesure
      2. 2.2.2Augmentez ou diminuez les transitions verticales avec une valeur constante
    3. 2.3Blocs & paragraphes
      1. 2.3.1Justifiez à gauche le premier mot du premier paragraphe
      2. 2.3.2Dans un texte continu, donnez à tous les paragraphes suivant le premier une indentation d’au moins un en.
      3. 2.3.3Séparez les citations du flot du texte
      4. 2.3.4Entrez l’alinéa ou centrez un bloc de vers
    4. 2.4Césure & pagination
      1. 2.4.1À la fin d’une ligne comportant une césure, laissez au moins deux caractères avant et au moins trois après
      2. 2.4.3Évitez les césures sur trois lignes consécutives
      3. 2.4.5Appliquez les césures en respectant les règles de la langue utilisée
      4. 2.4.6Ecrivez les numéros courts et les expressions mathématiques avec des espaces insécables
      5. 2.4.8Ne commencez jamais une page avec la dernière ligne d’un paragraphe
  2. 3Harmonie & contrepoint
    1. 3.1Dimension
      1. 3.1.1Ne composez pas sans une règle
    2. 3.2Chiffres, capitales & petites capitales
      1. 3.2.1Utilisez des titling figures en capitales, et des text figures en toute autre circonstance