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.
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.
Module W3C
Module CSS - Mise en page en ligne
Références (W3C)
Statut du document: WD (document de travail)

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

initial-letter-wrap - Syntax DiagramSyntax diagram of the initial-letter-wrap CSS property. See stylescss.free.fr for details. none none first first all all grid grid length length % %initial-letter-wrap:;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

Sur le schéma, les termes en gras sont les mots prédéfinis de CSS, les autres termes sont décrits ci-dessous :

  • 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.

Valeurs pour initial-letter-wrap.

  • initial-letter-wrap: none;

  • initial-letter-wrap: first;

  • initial-letter-wrap: all;

  • initial-letter-wrap: grid;

  • initial-letter-wrap: 5px;

  • 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.

initial-letter-wrap :
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.

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 CSS Inline Layout Module en anglais, ainsi que les propriétés suivantes :

Propriétés :

alignment-baseline
Définit comment un élément est aligné, dans le sens vertical, par rapport à son parent.
⚠
baseline-shift
⚠
baseline-source
Définit si l'alignment vertical d'un élément doit se faire par rapport à sa premère ou sa dernière ligne de texte.
dominant-baseline
Définit la ligne de base utilisée pour les alignements verticaux de textes.
⚠
initial-letter
Définit les paramètres des lettrines.
⚠
initial-letter-align
Spécifie le point à utiliser pour aligner la lettrine.
line-height
Définit la hauteur des lignes de texte.
⚠
text-box-edge
Définit le métrique des textes CJK.
⚠
text-box-trim
Spécifie comment la réduction des dimensions d'une boîte de texte doit se faire pour se conformer à text-box-edge (langages CJK).
vertical-align
Alignement vertical.