Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Éléments en incise

En CSS, le contenu qui participe à la mise en page en incise est appelé contenu de niveau en incise. La plupart des séquences de texte, des éléments remplacés et du contenu généré sont, par défaut, de niveau en incise.

Dans la mise en page en incise, un flux mixte de texte, d'éléments remplacés et d'autres boîtes en incise est disposé en les fragmentant dans une pile de boîtes de ligne. À l'intérieur de chaque boîte de ligne, les boîtes de niveau en incise sont alignées entre elles verticalement ou horizontalement, selon le mode d'écriture. En général, elles sont alignées sur les lignes de base de leur texte. Cela peut être modifié avec le CSS.

mise en page en incise

Note : Les éléments HTML (HyperText Markup Language en anglais) sont historiquement classés comme éléments « de bloc » ou « en incise ». Ce caractère de présentation est désormais défini par le CSS.

Exemples

html
<p>
  Ce <span class="highlight">span</span> est un
  <span class="highlight">élément de niveau en incise</span>&nbsp;; son
  arrière-plan a été coloré pour montrer le début et la fin de l'influence de
  l'élément. Les éléments input, comme <input type="radio" /> et
  <input type="checkbox" />, sont aussi du contenu de niveau en incise.
</p>

Dans cet exemple, l'élément HTML <p> contient du texte. Dans ce texte se trouvent un élément <span> et deux éléments <input>, qui sont des éléments de niveau en incise. Si le <span> s'étend sur deux lignes, deux boîtes de ligne sont générées. Comme ces éléments sont en incise, le paragraphe s'affiche correctement comme un seul flux de texte sans rupture :

Voir aussi