shape-margin

Summary

The shape-margin CSS property adds a margin to shape-outside.

Initial value	`0`
Applies to	floats
Inherited	no
Percentages	refer to the width of the containing block
Media	visual
Computed value	as specified, but with relative lengths converted into absolute lengths
Animatable	yes, as a length, percentage or calc(); when both values are lengths, they are interpolated as lengths; when both values are percentages, they are interpolated as percentages; otherwise, both values are converted into a calc() function that is the sum of a length and a percentage (each possibly zero), and these calc() functions have each half interpolated as real numbers.
Canonical order	the unique non-ambiguous order defined by the formal grammar

Syntax

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

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

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

Values

<length>: Sets the margin of the shape to the <length> .
<percentage>: Sets the margin of the shape to a percentage of the width of the element's containing block.

Formal syntax

<length> | <percentage>

Specifications

Specification	Status	Comment
CSS Shapes Module Level 1 The definition of 'shape-margin' in that specification.	Candidate Recommendation	Initial definition

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	(Yes)	Not supported	Not supported	Not supported	7.0 -webkit

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	(Yes)	Not supported	Not supported	Not supported	?

shape-margin

Summary

Syntax

Values

Formal syntax

Specifications

Browser compatibility

See also

Document Tags and Contributors