CSS - <shape-box>

Description  

Shapes can be specified for shape-outside with a <shape-box> type, which is a reference to edges in the CSS Box Model. 

See Also  

• shape-outside

Specifications  

Possible Values

margin-box

Defines the shape enclosed byt the outside margin edge. The corner radii of this shape are determined by the corresponding border-radius and margin values. If the border-radius / margin is 1 or more, then the margin box corner radius is border-radius + margin. If the ratio of border-radius / margin is less than 1, then the margin box corner radius is border-radius + (margin * (1 + (ratio-1)^3)).

border-box

Defines the shape enclosed by the outside border edge. This shape follows the normal border radius shaping rules for the outside of the border.

padding-box

Defines the shape enclosed by the outside padding edge. The shape follows the normal border radius shaping rules for the inside of the border.

content-box

Defines the shape enclosed by the outside content edge. Each corner radius of this box is the larger of 0 or border-radius - border-width - padding.

Examples

TODO

Browser Compatibility

License