Les formes CSS peuvent être définies dans plusieurs propriétés CSS, cela shape-outside et clip-path. Dans la vue des règles, ces propriétés ont une icône en forme de dégradé gris/blanc à côté d'eux :

Cliquer sur cette icône affiche le modificateur de formes CSS. Cela affiche une bordure autour de la forme générée par la valeur CSS.

Chaque vertex de la forme a sa poignée. Il est alors possible de glisser chaque poignée pour altérer la forme. Cela change l'apparence visuelle de la forme ainsi que la valeur CSS correspondante dans la vue des règles.

Si la forme est un polygon(), il est également possible de double cliquer sur n'importe quel bord de la forme pour créer une nouvelle poignée à cette position. Double cliquer sur une poignée existante la supprime de la forme (ainsi que le vertex correspondant).

Compatibilité des navigateurs

Le modificateur de formes CSS sera activé par défaut pour les formes générées via clip-path (bug 1405339). Il est également possible de l'utiliser pour éditer les formes générées via shape-outside, mais seulement si l'outil est activé grâce à la préférence layout.css.shape-outside.enabled.

Étiquettes et contributeurs liés au document

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