Text-autospace - Propriété CSS

Schéma de la syntaxe de text-autospace.

Description.

La définition de cette propriété est encore jeune. De grands navigateurs comme [Firefox  } ne la traitent pas encore. Les autres navigateurs ne traitent pas toutes les valeurs.

Les langues CJK peuvent faire intervenir des caractères issus d'une autre langue (comme des chiffres par exemple). Pour faciliter la lecture, il est courant d'ajouter de petits espace au moment du passage des caractères idéographiques aux caractères normaux. Néanmoins si ces espaces ne sont pas souhaités, text-autospace peut les supprimer.

Cette propriété se cumule avec les propriétés word-spacing et letter-spacing. Ce qui veut dire que la quantité d'espacement due à letter-spacing s'ajoute à l'espacement créé par text-autospace. Il en est de même pour word-spacing.

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

Valeurs pour text-autospace.

• text-autospace: normal;

  Certains espaces sont ajoutés, en particulier entre les caractères idéographiques et les nombres ou caractères non idéographiques.

  CSS包含超过560个属性
• text-autospace: auto;

  C'est le navigateur qui choisit les espaces à ajouter. Ce choix peut être différent d'un navigateur à l'autre ou d'un système d'exploitation à l'autre.

  CSS包含超过560个属性
• text-autospace: no-autospace;

  Aucun espace n'est ajouté.

  CSS包含超过560个属性
• text-autospace: ideograph-alpha; ⚠

  Ajoute un espace entre les caractères idéographiques et les lettres non idéographiques.

  CSS包含超过560个属性
• text-autospace: ideograph-numeric; ⚠

  Ajoute un espace entre les caractères idéographiques et les chiffres non idéographiques.

  CSS包含超过560个属性
• text-autospace: punctuation; ⚠

  Ajoute un espace insécables autour des caractères de ponctuation comme prévu dans les règles typographiques du langage.

  CSS有许多属性（560个）
• text-autospace: insert; ⚠ text-autospace: replace; ⚠

  insert ajoute l'espacement spécifié uniquement s'il n'y a pas déjà d'espaces entre les écritures idéographiques et non idéographiques.

  replace remplace l'espace présent dans le texte source (code HTML) par celui qui est spécifié.

  Si ni insert, ni replace n'est spécifié, le comportement du navigateur est identique à insert.

  CSS有许多属性（560个）
• text-autospace: initial; (normal) text-autospace: inherit; text-autospace: revert; text-autospace: revertLayer; text-autospace: unset;

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

Exemple interactif avec la propriété text-autospace.

La différence entre normal et no-autospace (les deux valeurs actuellement reconnues) est subtile, mais vous devriez la voir entre "CSS" et le reste du texte ou autour du nombre "560". Sur Firefox   toutefois la propriété n'est pas encore implémentée.

(1) CSS comporte plus de 560 propriétés

Compatibilité des navigateurs avec la propriété text-autospace.

1

Propriété
text-autospace

Estimation de la prise en charge globale.

11%

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

Safari sur IOS

Samsung Internet

Chrome

Firefox

Edge

Androïd Brower

Chrome pour Androïd

Firefox 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-autospace.

• Module CSS - Texte - Niveau 4

  Ce niveau 4 de ce module de spécification décrit les propriétés qui agissent sur les règles typographiques : alignement et justification du texte, espacement des mots ou des caractères, règles de césure, etc.
  Par rapport au niveau 3, plusieurs nouvelles propriétés ont été ajoutées, en particulier concernant les ruptures en fin de lignes, les césures, les espacements avant et/ou après le texte, etc.

  Concernant text-autospace. Introduction de la propriété text-autospace dans ce niveau de la spécification.
  

  22 Septembre 2015

  Document de travail.

  

  

  

Voir aussi, concernant la gestion des textes.

La spécification concernant le traitement des textes est dénommée Module CSS - Texte : alignement, gestion des césures, etc. La propriété text-autospace est décrite dans ce module, ainsi que les propriétés ci-dessous :

Propriétés :