monks_of_style - v1.0.0

monks/shape_outside

The shape-outside CSS property defines a shape—which may be non-rectangular—around which adjacent inline content should wrap. By default, inline content wraps around its margin box; shape-outside provides a way to customize this wrapping, making it possible to wrap text around complex objects rather than rectangular boxes.

Values

border_box

</> 
pub const border_box: #(String, String)
  - : Defines the shape enclosed by the outside border edge. The shape follows the normal border radius shaping rules for the outside of the border.

bottom

</> 
pub const bottom: #(String, String)

bottom value of shape-outside

center

</> 
pub const center: #(String, String)

center value of shape-outside

circle

</> 
pub const circle: #(String, String)

circle value of shape-outside

closest_corner

</> 
pub const closest_corner: #(String, String)

closest-corner value of shape-outside

closest_side

</> 
pub const closest_side: #(String, String)

closest-side value of shape-outside

contain

</> 
pub const contain: #(String, String)

contain value of shape-outside

content_box

</> 
pub const content_box: #(String, String)
  - : 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`.

cover

</> 
pub const cover: #(String, String)

cover value of shape-outside

ellipse

</> 
pub const ellipse: #(String, String)

ellipse value of shape-outside

farthest_corner

</> 
pub const farthest_corner: #(String, String)

farthest-corner value of shape-outside

farthest_side

</> 
pub const farthest_side: #(String, String)

farthest-side value of shape-outside

inherit

</> 
pub const inherit: #(String, String)

initial

</> 
pub const initial: #(String, String)

left

</> 
pub const left: #(String, String)

left value of shape-outside

length

</> 
pub fn length(value: monks_of_style.Length) -> #(String, String)

length value of shape-outside

margin_box

</> 
pub const margin_box: #(String, String)
  - : Defines the shape enclosed by the outside margin edge. The corner radii of this shape are determined by the corresponding {{cssxref("border-radius")}} and {{cssxref("margin")}} values. If the `border-radius / margin` ratio is `1` or more, then the margin box corner radius is `border-radius + margin`. If the ratio is less than `1`, then the margin box corner radius is `border-radius + (margin * (1 + (ratio - 1) ^ 3))`.

none

</> 
pub const none: #(String, String)
  • : The float area is unaffected. Inline content wraps around the element’s margin box, like usual.

padding_box

</> 
pub const padding_box: #(String, String)
  - : Defines the shape enclosed by the outside padding edge. The shape follows the normal border radius shaping rules for the inside of the border.

raw

</> 
pub fn raw(value: String) -> #(String, String)

Enter a raw string value for shape-outside

revert

</> 
pub const revert: #(String, String)

revert_layer

</> 
pub const revert_layer: #(String, String)
</> 
pub const right: #(String, String)

right value of shape-outside

top

</> 
pub const top: #(String, String)

top value of shape-outside

unset

</> 
pub const unset: #(String, String)

var

</> 
pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for shape-outside. It will be wrapped in var() and have -- prepended.

✨ Search Document