Word-boundary-detection - Propriété CSS

word-boundary-detection

Résumé des caractéristiques de la propriété word-boundary-detection

Description rapide
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
Statut
Problèmes de compatibilité ⚠
S'applique à
Éléments contenant du texte.
Utilisable sur
HTML
Valeurs prédéfinies
auto | manual | normal
Pourcentages
Ne s'applique pas
Valeur initiale
normal
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété word-boundary-detection passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Texte

Description.

La propriété word-boundary-detection est encore en phase expérimentale.

La plupart des langues utilisent l'espace comme séparateur de mots, mais il y a quelques exceptions : certaines langues écrites (le japonais par exemple) ne nécessitent pas de séparer les mots par un espace.

Le jeu de caractères unicode comporte un caractère espace de largeur nulle (code hexadécimal 200B). Celui-ci peut être utilisé pour aider les navigateurs à couper les phrases en fin de ligne, sans pour autant faire apparaître un espace lorsque le caractère se trouve au milieu d'une ligne.

La propriété word-boundary-detection indique au navigateur comment positionner les sauts de ligne.

Syntaxes pour word-boundary-detection.

  • word-boundary-detection: normal;

    Le navigateur se base uniquement sur les espaces pour positionner les retours à la ligne, sauf pour les langues CJK ou une logique différente peut être utilisée.

  • word-boundary-detection: manual;

    Le navigateur n'insère aucun retour à la ligne autres que ceux indiqués dans le texte lui-même.

  • word-boundary-detection: auto('fr');

    Le navigateur doit utiliser la logique spécifique à la langue indiquée pour positionner les retours à la ligne.

Valeurs standards acceptées par toutes les propriétés:

word-boundary-detection: initial (normal) word-boundary-detection: inherit word-boundary-detection: revert word-boundary-detection: revertLayer word-boundary-detection: unset

Liens vers la présentation de ces différentes valeurs : initial, inherit, revert, revert-layer, unset.

Exemple interactif.

word-boundary-detection :

Prise en charge par les navigateurs (compatibilité).

La définition de la propriété word-boundary-detection n'est pas encore stabilisée : aucun navigateur ne prend en charge cette propriété pour le moment (2023).

Voir aussi, concernant les manipulation de textes.

La propriété word-boundary-detection n'est plus standardisée mais néanmoins d'autres propriétés agissent sur le texte. Elles sont listées dans le module CSS Text 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
⚠
text-spacing-trim
Definit l'espacement autour des caractères de ponctuation 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-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.
⚠
wrap-inside
Autorise ou non les sauts de lignes dans la boite.