CSS margin-outside property

Description

CSS shape-outside defines the shape of float-area to wrap the inline content. The inline content can be wrapped from the left (floating on the left side) and right (floating on the right side) sides only.

We have an image floating on the left side. We can define the shape of float-area on the left side this image. We can apply the shape-outside property only to the floating element.

Syntax

shape-outside :polygon

Property values

polygon

There is no offset on the top edge of the snapport.

shape-outside: polygon(0 0, 100% 100%, 0 100%);

Applicable to

It applies to scroll containers.

#CSS digger
Was this article helpful?

 

The image is floating on the left side. We can define the shape outside the floating image.

×

Ctrl+D