Text-spacing-trim - Propriété CSS

text-spacing-trim

Résumé des caractéristiques de la propriété text-spacing-trim

Description rapide
Definit l'espacement autour des caractères de ponctuation CJK.
Statut
Problèmes de compatibilité ⚠
S'applique à
Eléments contenant du texte
Utilisable sur
HTML
Valeurs prédéfinies
normal | auto | space-all | space-first | trim-all | trim-start | trim-both
Pourcentages
Ne s'appliquent pas.
Valeur initiale
normal
Héritée par défaut
Oui.
Type d'animation
{discrete]
Module W3C
Module CSS - Texte
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de text-spacing-trim.

Text-spacing-trim property - Syntax diagramSyntax diagram of the text-spacing-trim CSS property. See stylescss.free.fr for details. normal normal auto auto space-all space-all space-first space-first trim-start trim-start trim-both trim-both trim-all trim-alltext-spacing-trim:;text-spacing-trim:;
Schéma syntaxique de la propriété text-spacing-trim.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description.

La définition de cette propriété n'est pas encore stabilisée. Les navigateurs ne la traitent pas encore.

La propriété text-spacing-trim ne concerne que les caractères CJK. Elle contrôle l'espacement des caractères de ponctuation successifs ou en début de ligne, afin d'obtenir une typographie plus agréable à l’œil.

De nombreux caractères de ponctuation CJK incluent un espacement interne au glyphe. Par exemple, le point et la parenthèse fermante ont généralement un espacement sur leur côté droit, afin de leur donner une avance constante en accord avec d'autres caractères idéographiques. Cependant, lorsqu'ils apparaissent sur une ligne, cet espacement peut être gênant.

La propriété text-spacing-trim peut être utilisé pour réduire ces espaces en début ou en fin de ligne, et entre les caractères de ponctuation successifs.

Si un caractère de ponctuation est défini pour être en pleine largeur, il a un espacement interne des deux côtés et a la largeur complète d’un idéogramme.

Si un caractère de ponctuation est défini pour être en demi-largeur, il a un espacement interne d’un seul côté, et l’autre côté est aligné au début (dans le cas des caractères de ponctuation ouvrants) ou à la fin (dans le cas des caractères de ponctuation fermants). Les caractères en demi-largeur font généralement la moitié de la largeur d’un idéogramme.

Lorsque deux caractères de ponctuation se suivent, l'espace entre eux est fusionné avec les règle suivantes :

  • Définir le caractère de ponctuation ouvrante sur une demi-largeur si le caractère précédent est un caractère de ponctuation ouvrante en pleine largeur, un point médian en pleine largeur, un espace idéographique (U+3000), un caractère de ponctuation fermante en pleine largeur de taille équivalente ou plus grande, ou un caractère appartenant à la catégorie générale Unicode "Ponctuation ouvrante" (Ps). Sinon, le définir en pleine largeur.
  • Définir le caractère de ponctuation fermante sur une demi-largeur si le caractère suivant est un caractère de ponctuation fermante en pleine largeur, un point médian en pleine largeur, un espace idéographique (U+3000), un caractère de ponctuation ouvrante en pleine largeur de taille plus grande, ou un caractère appartenant à la catégorie générale Unicode "Ponctuation fermante" (Pe). Sinon, le définir en pleine largeur.

Pour éviter le risque de crénage excessif, les polices doivent disposer de la fonctionnalité OpenType Alternate Half Widths (halt), ou de la fonctionnalité Contextual Half-width Spacing (chws), ou des deux. Si la police ne dispose d'aucune de ces deux fonctionnalités, la propriété text-spacing-trim est inopérante.

Autres propriétés spécifiques aux langages CJK.

Typographie spécifique aux caractères chinois ou japonais.
Gestion des coupures de mots pour les langues CJK et quelques autres.
Définit l'espace entre les caractères adjacents (utilisable pour les langues CJK).
Propriété résumée pour text-spacing-trim et text-autospace. regroupe les informations d'espacement des caractères pour les langues CJK.
Definit l'espacement autour des caractères de ponctuation CJK.
Coupure des mots pour les langues CJK et quelques autres.

Valeurs pour text-spacing-trim.

  • text-spacing-trim: normal;

  • text-spacing-trim: auto; ⚠

  • text-spacing-trim: space-first;

  • text-spacing-trim: space-all;

  • text-spacing-trim: trim-start;

  • text-spacing-trim: trim-end;

  • text-spacing-trim: trim-both; ⚠

  • text-spacing-trim: initial; (normal) text-spacing-trim: inherit; text-spacing-trim: revert; text-spacing-trim: revertLayer; text-spacing-trim: unset;

    Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, unset.

Exemple interactif avec la propriété text-spacing-trim.

text-spacing-trim :
（中文）、【「（日文）」】,「韓文」(1)

(1) (Chinois), ((Japonais)), (Coréen). La police choisie est 'Noto Sans JP'.

Compatibilité des navigateurs avec text-spacing-trim.

Pour l'instant (2025), seuls les navigateurs basés sur webkit traitent la propriété text-spacing-trim.

Colonne 1
Prise en charge de la propriété text-spacing-trim qui contrôle les espaces autour des caractères CJK.
1
Propriété
text-spacing-trim
Estimation de la prise en charge globale.
76%

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

Safari sur IOS

Chrome

Edge

Chrome pour Androïd

Androïd Brower

Firefox pour Androïd

Safari

Firefox

Samsung Internet

KaiOS Browser

Opéra mini

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

Histoire de la propriété text-spacing-trim.

Voir aussi, au sujet des manipulations de texte.

Les spécifications CSS éditées par le W3C sont organisées en modules. La propriété text-spacing-trim fait partie du module CSS Text Module. Les définitions suivantes sont également décrites dans ce même module.

Propriétés :

⚠
hanging-punctuation
Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
hyphenate-character
Définit le caractère qui sera à utiliser comme marque de césure.
⚠
hyphenate-limit-chars
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
⚠
hyphenate-limit-last
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
⚠
hyphenate-limit-lines
Définit le nombre maximal de lignes successives se terminant une césure
⚠
hyphenate-limit-zone
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
hyphens
Définit si les mots peuvent être coupés en fin de ligne. La césure des mots donne une mise en page plus agréable mais peut être gênante dans certains cas.
letter-spacing
Espacement des lettres.
line-break
Définit les ruptures de lignes pour les langues CJK (chinois, japonais, coréen).
⚠
line-padding
Ajoute un espace au début et à la fin des lignes.
overflow-wrap
Gestion des coupures de mots pour les langues CJK et quelques autres.
tab-size
Définit la taille des caractères de tabulation.
text-align
Spécifie comment doit être aligné le texte de l'élément.
⚠
text-align-all
Définit l'alignement des lignes d'un texte (synonyme de text-align).
text-align-last
Définit l'alignement de la dernière ligne des paragraphes.
⚠
text-autospace
Définit l'espace entre les caractères adjacents (utilisable pour les langues CJK).
⚠
text-group-align
text-indent
Définit le retrait de la première ligne des paragraphe (indentation).
⚠
text-justify
Sélectionne la méthode utilisée pour justifier le texte.
✗
text-space-collapse
Définit comment gérer les espaces et les espaces multiples dans le texte.
✗
text-space-trim
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
⚠
text-spacing
Propriété résumée pour text-spacing-trim et text-autospace. regroupe les informations d'espacement des caractères pour les langues CJK.
text-transform
Casse du texte (minuscules, majuscules...).
⚠
text-wrap
Définit la gestion des retours à la ligne du texte.
text-wrap-mode
Définit si les retours à la ligne sont autorisés.
text-wrap-style
Définit comment les saut de ligne vont se faire.
white-space
Définit comment sont restitués les espaces multiples et les retours chariot.
white-space-collapse
Définit comment les espaces successifs et les retours à la ligne doivent être traités.
⚠
white-space-trim
Définit si comment le navigateur doit supprimer les espaces réductibles.
⚠
word-boundary-detection
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
✗
word-boundary-expansion
Substitue certains caractères de séparation de mots par d'autres.
word-break
Coupure des mots longs.
⚠
word-space-transform
Normalise les caractères d'espacement (écritures CJK).
word-spacing
Permet d'ajuster l'espacement des mots.
word-wrap
Coupure des mots pour les langues CJK et quelques autres.
⚠
wrap-after
Autorise ou non les sauts de lignes après la boite.
⚠
wrap-before
Autorise ou non les sauts de lignes avant la boite.