`Wrap-inside` - Propriété CSS

wrap-inside

wrap-before

wrap-after

Résumé des caractéristiques de la propriété `wrap-inside`

Description rapide

Autorise ou non les sauts de lignes dans la boite.

Statut

Problèmes de compatibilité ⚠

S'applique à

Boites inline.

Utilisable sur

HTML

Valeurs prédéfinies

auto | avoid

Pourcentages

Ne s'appliquent pas.

Valeur initiale

auto

Héritée par défaut

Non.

Type d'animation

Discrète : lors d'une animation, la propriété wrap-inside passe d'une valeur à l'autre sans transition.

Module W3C

Module CSS - Texte

Références (W3C)

CSS Text Module Level 4

Statut du document: WD (document de travail)

Schéma de la syntaxe de `wrap-inside`.

Schéma syntaxique de la propriété wrap-inside.
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description de la propriété `wrap-inside`.

⚠

Cette page est en cours de rédaction.

Valeurs pour `wrap-inside`.

wrap-inside: auto;
wrap-inside: avoid;
wrap-inside: initial; (auto) wrap-inside: inherit; wrap-inside: revert; wrap-inside: revertLayer; wrap-inside: unset;

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

Exemple interactif avec la propriété `wrap-inside`.

Le texte ci-dessous comporte trois espaces entre chaque mot et un retour à la ligne après 'new-yorkais'.

wrap-inside :

auto

avoid

Compatibilité des navigateurs avec `wrap-inside`.

Cette propriété n'est actuellement reconnue par aucun navigateur.

Histoire de la propriété `wrap-inside`.

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 wrap-inside.

22 Septembre 2015
Document de travail.

Voir aussi, à propos de la gestion des textes.

Les spécifications CSS éditées par le W3C sont organisées en modules. La propriété wrap-inside fait partie du module Module CSS - Texte. 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