The shape-margin CSS property adds a margin to shape-outside.
/* <length> values */
shape-margin: 10px;
shape-margin: 20mm;
/* <percentage> values */
shape-margin: 60%;
/* Global values */
shape-margin: inherit;
shape-margin: initial;
shape-margin: unset;
| 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 |
|---|
| Animation type | a length, percentage or calc(); |
|---|
| Canonical order | the unique non-ambiguous order defined by the formal grammar |
|---|
Syntax
Values
- <length-percentage>
- Sets the margin of the shape to a
<length> value or to a <percentage> of the width of the element's containing block.
<length-percentage>where
<length-percentage> = <length> | <percentage>
Specifications
Browser compatibility
| Feature |
Chrome |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari (WebKit) |
| Basic support |
(Yes) |
No support |
No support |
No support |
7.0 -webkit |
| Feature |
Android |
Firefox Mobile (Gecko) |
IE Phone |
Opera Mobile |
Safari Mobile |
| Basic support |
(Yes) |
No support |
No support |
No support |
? |
See also
Document Tags and Contributors