Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

shape-margin

La propriété shape-margin permet d'ajouter une marge à shape-outside.

Valeur initiale0
Applicabilitéflottants
Héritéenon
Pourcentagesse rapporte à la largeur du bloc contenant
Médiavisuel
Valeur calculéecomme spécifié, mais avec les longueurs relatives converties en longueurs absolues
Animableoui, comme une longueur, pourcentage ou calc() ; quand les deux valeurs sont des longueurs, elles sont interpolées comme des longueurs ; quand les deux valeurs sont des pourcentages, elles sont interpolées comme des pourcentages ; sinon, les deux valeurs sont converties dans une fonction calc() qui est la somme d'une longueur et d'un pourcentage (chaque valeur pouvant être à zéro), et cette fonction calc() interpole chaque moitié comme un nombre réel.
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeurs de longueur */
/* Type <length>       */
shape-margin: 10px;
shape-margin: 20mm;

/* Valeurs de pourcentage */
/* Type <percentage>      */
shape-margin: 60%;

/* Valeurs globales */
shape-margin: inherit;
shape-margin: initial;
shape-margin: unset;

Valeurs

<length>
Définit la marge utilisée pour la forme avec la valeur fournie.
<percentage>
Définit la marge utiliséee pour la forme comme une fraction de la largeur du bloc englobant l'élément.

Syntaxe formelle

<length> | <percentage>

Exemples

Voir shape-outside

Spécifications

Spécification Statut Commentaires
CSS Shapes Module Level 1
La définition de 'shape-margin' dans cette spécification.
Candidat au statut de recommandation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple (Oui) Pas de support Pas de support Pas de support 7.0 -webkit
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple (Oui) Pas de support Pas de support Pas de support ?

Voir aussi

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,