`Initial-letter-wrap` - Propriété CSS

initial-letter-wrap

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

Description rapide

Définit comment le texte doit contourner les lettrines, en particulier doit suivre au plus proche la forme du caractère de lettrine ou pas.

Statut

Problèmes de compatibilité ⚠

Utilisable sur

HTML

Valeurs prédéfinies

none | first | all | grid

Pourcentages

Calculés par rapport à la largeur de la lettrine.

Valeur initiale

none

Héritée par défaut

Oui.

Type d'animation

Computed value : lors d'une animation, la propriété initial-letter-wrap passe progressivement d'une valeur à une autre.

Ordre canonique

Single : valeur unique (l'ordre n'intervient pas).

Module W3C

Module CSS - Mise en page en ligne

Références (W3C)

CSS Inline Layout Module Level 3

Statut du document: WD (document de travail)

Schéma de la syntaxe de `initial-letter-wrap`.

Schéma syntaxique de la propriété initial-letter-wrap.
Les liens du schéma donnent accès à plus de détails

Description des termes utilisés sur le schéma :

length est une valeur numérique suivie d'une des unités de dimension.
% est un pourcentage qui se résout en une dimension.

Description de la propriété `initial-letter-wrap`.

⚠

La propriété initial-letter-wrap est encore peu reconnue par les navigateurs (2024).
Cette page sera prochainement complétée.

Cette propriété définit comment le texte habile la lettrine. Soit c'est tout simplement la boite rectangulaire du caractère qui est utilisée, soit la forme du caractère est utilisée.

Voici les propriétés et pseudo-élément à connaître au sujet des lettrines :

initial-letter :

Définit une lettrine : taille du caractère, combien de lignes il recouvre, etc.

initial-letter-wrap :

Définit comment le texte doit contourner les lettrines, en particulier doit suivre au plus proche la forme du caractère de lettrine ou pas.

initial-letter-align :

Spécifie le point à utiliser pour aligner la lettrine.

::first-letter :

Pseudo-élément désignant la première lettre du paragraphe.

Valeurs pour `initial-letter-wrap`.

initial-letter-wrap: none;

Les lignes du paragraphe sont alignées sur la boîte rectangulaire du caractère de lettrine.

initial-letter-wrap:none;
(simulation)
initial-letter-wrap: first;

Seule la première ligne du paragraphe épouse la forme du caractère de lettrine. La valeur donnée à shape-margin est prise en compte pour ne pas coller le texte.

initial-letter-wrap:first;
(simulation)
initial-letter-wrap: all;

Toutes les lignes concernées par la lettrine épousent la forme du caractère de lettrine. La valeur de shape-margin est utilisée pour calculer la marge.

initial-letter-wrap:all;
(simulation)
initial-letter-wrap: grid;

Cette valeur est la même que none, sauf que la boîte est celle du caractère. Utilisé pour les langues CJK.
initial-letter-wrap: 5px;

Une valeur numérique suivie d'une unités de dimension ou un pourcentage. Cette valeur donne le même résultat que first mais avec une marge spécifiée.
initial-letter-wrap: initial; (none) initial-letter-wrap: inherit; initial-letter-wrap: revert; initial-letter-wrap: revertLayer; initial-letter-wrap: unset;

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

Exemple interactif avec la propriété `initial-letter-wrap`.

Le simulateur applique la propriété initial-letter-wrap au pseudo-élément ::first-letter de chacun des paragraphes du texte ci-dessous.

On parle de lettrine lorsque la première lettre d'un paragraphe ou d'un chapitre est mise en évidence, par une taille plus grande, une couleur différente, etc. La lettrine attire le regard vers le début du texte. On peut lui attribuer une police de caractère autre que celle du texte, ainsi qu'une autre couleur. Le premier mot qui suit la lettrine est souvent en petites capitales pour effectuer une transition en douceur vers le texte courant. L'usage des lettrines montre une certaine maîtrise de l'outil informatique.

Compatibilité des navigateurs avec `initial-letter-wrap`.

La propriété initial-letter-wrap n'est pas encore prise en charge par les navigateurs (2025). Ne l'utilisez pas.

Histoire de la propriété `initial-letter-wrap`.

Module CSS - Mise en page en ligne - Niveau 3

Concernant initial-letter-wrap. Introduction de la propriété initial-letter-wrap dans ce module de spécification.

18 Décembre 2014
Document de travail.

Voir aussi...

La propriété initial-letter-wrap est décrite dans la spécification dénommée "Module CSS - Mise en page en ligne", ou Module CSS - Mise en page en ligne en anglais, ainsi que les propriétés suivantes :