monks/clip_path

The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.

Values

border_box

</>

pub const border_box: #(String, String)

  - : Uses the [border box](/en-US/docs/Web/CSS/Guides/Shapes/From_box_values#border-box) as the reference box.

content_box

</>

pub const content_box: #(String, String)

  - : Uses the [content box](/en-US/docs/Web/CSS/Guides/Shapes/From_box_values#content-box) as the reference box.

fill_box

</>

pub const fill_box: #(String, String)

  - : Uses the object bounding box as the reference box.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

length

</>

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

length value of clip-path

margin_box

</>

pub const margin_box: #(String, String)

  - : Uses the [margin box](/en-US/docs/Web/CSS/Guides/Shapes/From_box_values#margin-box) as the reference box.

none

</>

pub const none: #(String, String)

: No clipping path is created.> [!NOTE]> A computed value other than none results in the creation of a new stacking context the same way that CSS {{cssxref(“opacity”)}} does for values other than 1.

padding_box

</>

pub const padding_box: #(String, String)

  - : Uses the [padding box](/en-US/docs/Web/CSS/Guides/Shapes/From_box_values#padding-box) as the reference box.

raw

</>

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

Enter a raw string value for clip-path

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

stroke_box

</>

pub const stroke_box: #(String, String)

  - : Uses the stroke bounding box as the reference box.

unset

</>

pub const unset: #(String, String)

var

</>

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

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

view_box

</>

pub const view_box: #(String, String)

  - : Uses the nearest SVG viewport as the reference box. If a {{SVGAttr("viewBox")}} attribute is specified for the element creating the SVG viewport, the reference box is positioned at the origin of the coordinate system established by the `viewBox` attribute and the dimension of the size of the reference box is set to the width and height values of the `viewBox` attribute.