Text-box-edge - Propriété CSS

text-box-edge

Résumé des caractéristiques de la propriété text-box-edge

Description rapide
Définit le métrique des textes CJK.
Statut
Problèmes de compatibilité ⚠
S'applique à
Éléments inline.
Utilisable sur
HTML
Valeurs prédéfinies
leading | ink | cap | ex | ideographic | ideographic-ink | text | alphabetic
Pourcentages
Ne s'appliquent pas.
Valeur initiale
leading
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété text-box-edge passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Mise en page en ligne
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de text-box-edge.

text-box-edge - Syntax DiagramSyntax diagram of the text-box-edge CSS property. leading leading text text cap cap ex ex ideographic ideographic ideographic-ink ideographic-ink text text alphabetic alphabetic ideographic ideographic ideographic-ink ideographic-inktext-box-edge:;text-box-edge:;
Schéma syntaxique de la propriété text-box-edge.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description de la propriété text-box-edge.

⚠
Cette page est en préparation, dans l'attente d'une stabilisation de la norme.

Valeurs pour text-box-edge.

  • text-box-edge: leading;

  • text-box-edge: text;

  • text-box-edge: cap;

  • text-box-edge: ex;

  • text-box-edge: ideographic;

  • text-box-edge: ideographic-ink;

  • text-box-edge: alphabetic;

  • text-box-edge: initial; (leading) text-box-edge: inherit; text-box-edge: revert; text-box-edge: revertLayer; text-box-edge: unset;

    Les valeurs communes sont présentées sur ces pages : initial, inherit, revert, revert-layer, unset.

Exemple interactif avec la propriété text-box-edge.

text-box-edge :
Exemple

Compatibilité des navigateurs avec text-box-edge.

La propriété text-box-edge est encore très mal comprise par les navigateur (2025).

Colonne 1
Support par les navigateurs de la propriété text-box-edge.
1
Propriété
text-box-edge
Estimation de la prise en charge globale.
62%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Opéra

Samsung Internet

Chrome

Safari

Firefox

Safari sur IOS

Edge

Androïd Brower

Firefox pour Androïd

Chrome pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse

Histoire de la propriété text-box-edge.

Voir aussi, concernant les dispositions en ligne.

Le module de spécification dénommé "Module CSS - Mise en page en ligne", ou CSS Inline Layout Module en anglais, définit ce qui est relatif aux alignements verticuax et à la disposition en ligne des éléments, que ce soit dans un objet SVG ou dans un document HTML. Les propriétés suivantes sont décrites dans ce module :

Propriétés :

alignment-baseline
Définit comment un élément est aligné, dans le sens vertical, par rapport à son parent.
⚠
baseline-shift
⚠
baseline-source
Définit si l'alignment vertical d'un élément doit se faire par rapport à sa premère ou sa dernière ligne de texte.
dominant-baseline
Définit la ligne de base utilisée pour les alignements verticaux de textes.
⚠
initial-letter
Définit les paramètres des lettrines.
⚠
initial-letter-align
Spécifie le point à utiliser pour aligner la lettrine.
⚠
initial-letter-wrap
Définit comment le texte doit contourner les lettrines.
line-height
Définit la hauteur des lignes de texte.
⚠
text-box-trim
Spécifie comment la réduction des dimensions d'une boîte de texte doit se faire pour se conformer à text-box-edge (langages CJK).
vertical-align
Alignement vertical.