Wrap-before et wrap-after

wrap-before
wrap-after
wrap-inside

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

Description rapide
Autorise ou non les sauts de lignes avant la boite.
Statut
Problèmes de compatibilité ⚠
Utilisable sur
HTML
Valeurs prédéfinies
auto | avoid | avoid-flex | avoid-line | flex | line
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-before passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Texte
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de wrap-after.

wrap-after - Syntax DiagramSyntax diagram of the wrap-after CSS property. See stylescss.free.fr for details. auto auto avoid avoid avoid-line avoid-line avoid-flex avoid-flex line line flex flexwrap-after:;wrap-after:;
Schéma syntaxique des propriétés wrap-before et wrap-after
Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.

Description la propriété wrap-after.

⚠
Cette page est en cours de rédaction.

Valeurs pour wrap-after et wrap-before.

  • wrap-after: auto; wrap-before: auto;

  • wrap-after: avoid; wrap-before: avoid;

  • wrap-after: avoid-line; wrap-before: avoid-line;

  • wrap-after: avoid-flex ; wrap-before: avoid-flex;

  • wrap-after: line; wrap-before: line;

  • wrap-after: flex; wrap-before: flex;

  • wrap-before: initial; (auto) wrap-before: inherit; wrap-before: revert; wrap-before: revertLayer; wrap-before: unset;
    wrap-after: initial; (auto) wrap-after: inherit; wrap-after: revert; wrap-after: revertLayer; wrap-after: unset;

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

Exemple interactif avec la propriété wrap-after.

wrap-before :
wrap-after :

Compatibilité des navigateurs avec wrap-after.

Ces propriétés ne sont actuellement reconnues par aucun navigateur.

Histoire de la propriété wrap-after.

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-after 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
⚠
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-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-before
Autorise ou non les sauts de lignes avant la boite.
⚠
wrap-inside
Autorise ou non les sauts de lignes dans la boite.