shape-margin

Свойство shape-margin задает поле для фигуры CSS, созданной с помощью shape-outside.

Демо

Поле позволяет настроить расстояние между краями фигуры (плавающий элемент) и окружающим содержимым.

Маски и Фигуры

• clip-path
• mask
• mask-border
• mask-border-mode
• mask-border-outset
• mask-border-repeat
• mask-border-slice
• mask-border-source
• mask-border-width
• mask-clip
• mask-composite
• mask-image
• mask-mode
• mask-origin
• mask-position
• mask-repeat
• mask-size
• mask-type

• shape-image-threshold
• shape-margin
• shape-outside

Синтаксис

/* <length> values */
shape-margin: 10px;
shape-margin: 20mm;

/* <percentage> value */
shape-margin: 60%;

/* Global values */
shape-margin: inherit;
shape-margin: initial;
shape-margin: revert;
shape-margin: revert-layer;
shape-margin: unset;

Поддержка браузерами

Ссылки

• Свойство shape-margin ^{MDN (рус.)}
• CSS Shapes Module Level 1 ^{Spec (англ.)}

Комментарии