White-space-trim - Propriété CSS

white-space-trim

Résumé des caractéristiques de la propriété white-space-trim

Description rapide
Définit si comment le navigateur doit supprimer les espaces réductibles.
Statut
Problèmes de compatibilité ⚠
S'applique à
Éléments inline et containeur bloc.
Utilisable sur
HTML
Valeurs prédéfinies
none | discard-before | discard-after | discard-inner
Pourcentages
Ne s'appliquent pas.
Valeur initiale
none
Héritée par défaut
Non.
Type d'animation
Discrète : lors d'une animation, la propriété white-space-trim passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Texte
Références (W3C)
Statut du document: WD (document de travail)
Syntaxe de white-space-trimSchéma syntaxique de la propriété CSS white-space-trim none none discard-before discard-before discard-after discard-after discard-inner discard-innerwhite-space-trim:;white-space-trim:;
Schéma syntaxique de la propriété white-space-trim
Cliquez sur les liens pour plus de détails sur les valeurs
Télécharger le schéma en SVG

Description la propriété white-space-trim.

⚠
La propriété white-space-trim est encore en cours de définition par le W3C. Il est trop tôt pour l'utiliser.
⚠
Lors d'une définition précédente, cette propriété avait été nommée text-space-trim. Cet ancien nom ne doit pas être utilisé.

La propriété white-space-trim spécifie si le navigateur doit supprimer les espaces au début ou à la fin du texte d'un élément.

Syntaxes pour white-space-trim.

  • white-space-trim: none;

    Aucun espace n'est supprimé.

  • white-space-trim: discard-before;

    Les espaces situés au début de l'élément sont supprimés.

  • white-space-trim: discard-after;

    Les espaces situés à la fin de l'élément sont supprimés.

  • white-space-trim: discard-inner;

    Cette valeur demande au navigateur de supprimer les espaces situés au début de l'élément et jusqu'à premier caractère qui n'est pas un espace, ni un retour à la ligne.
    Les espaces situés à la fin de l'élément seront également supprimés, en incluant les retours à la ligne.

Valeurs globales
(communes à toutes les propriétés)

white-space-trim: initial (none) white-space-trim: inherit white-space-trim: revert white-space-trim: revertLayer white-space-trim: unset

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

Exemple interactif avec la propriété white-space-trim.

white-space-trim :
Sur internet, on peut écouter la radio tout en payant le téléphone (1)

(1) Anne Roumanoff

Prise en charge par les navigateurs (compatibilité).

La propriété white-space-trim n'est actuellement reconnue par aucun navigateur (2023).

Historique de la propriété white-space-trim.

Voir aussi, à propos du texte.

Les spécifications CSS éditées par le W3C sont organisées en modules. Le module CSS Text Module regroupe toutes les propriétés relatives à la manipulation du texte, dont white-space-trim.
Les définitions suivantes sont également décrites dans ce 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.
⚠
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.
⚠
wrap-inside
Autorise ou non les sauts de lignes dans la boite.