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

<text-edge>

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

Le type de donnée énuméré CSS <text-edge> définit des mots-clés qui définissent les métriques de police représentant des régions spécifiques sur le bord de début de bloc (block-start) et le bord de fin de bloc (block-end) d'une police. Chaque mot-clé définit une position du bord supérieur et/ou inférieur d'une police.

Les valeurs <text-edge> sont utilisées dans la propriété text-box-edge pour définir un espace à retrancher du bord de début de bloc et du bord de fin de bloc du conteneur de bloc, d'un élément de texte.

Syntaxe

Le type de donnée <text-edge> est composé d'un ou deux mots-clés représentant des régions spécifiques sur le bord supérieur et/ou inférieur d'une police :

  • Lorsqu'une seule valeur est définie, la position du bord supérieur et du bord inférieur de la police est définie par ce même mot-clé.
  • Lorsqu'on donne deux valeurs, la première valeur définit la position du bord supérieur de la police, et la seconde valeur définit la position du bord inférieur de la police.

Valeurs

Valeurs à mot-clé unique

text

Les bords supérieur et inférieur de la police correspondent à sa ligne de base supérieure/inférieure : cela inclut les ascendantes et descendantes de la police mais exclut la demi-chasse appliquée au texte.

Note : La quantité de demi-chasse incluse sur un élément de texte peut être contrôlée à l'aide de la propriété line-height.

Note : Les mots-clés ideographic et ideographic-ink sont destinés à définir des positions de bords supérieurs et inférieurs spécifiques aux caractères des langues CJC (angl.). Leur comportement exact est actuellement en discussion et ils ne sont pris en charge par aucun navigateur.

Valeurs à deux mots-clés

alphabetic

Le bord inférieur de la police correspond à sa ligne de base alphabetic, qui est le bas de ses petites lettres minuscules (par exemple, « m », « n » et « o ») ou de ses lettres capitales.

cap

Le bord supérieur de la police correspond à sa ligne de base cap-height, qui est le sommet de ses lettres capitales.

ex

Le bord supérieur de la police correspond à sa ligne de base x-height, qui est le sommet de ses petites lettres minuscules.

text

Le bord supérieur de la police correspond à sa ligne de base text-over (inclut les ascendantes de la police mais exclut la demi-chasse du bord supérieur), ou son bord inférieur correspond à sa ligne de base text-under (inclut les descendantes de la police mais exclut la demi-chasse du bord inférieur), selon le bord pour lequel la valeur est définie.

Syntaxe formelle

<text-edge> = 
[ text | ideographic | ideographic-ink ] |
[ text | ideographic | ideographic-ink | cap | ex ] [ text | ideographic | ideographic-ink | alphabetic ]

Exemples

Voir les exemples de text-box-edge

Spécifications

Specification
CSS Inline Layout Module Level 3
# typedef-text-edge

Compatibilité des navigateurs

Voir aussi