monks/offset_path

The offset-path CSS property specifies a path for an element to follow and determines the element’s positioning within the path’s parent container or the SVG coordinate system. The path is a line, a curve, or a geometrical shape along which the element gets positioned or moves.

The offset-path property is used in combination with the {{cssxref(“offset-distance”)}}, {{cssxref(“offset-rotate”)}}, and {{cssxref(“offset-anchor”)}} properties to control the position and orientation of the element along a path.

Values

pub const border_box: #(String, String)

border-box value of offset-path

pub const content_box: #(String, String)

content-box value of offset-path

pub const fill_box: #(String, String)

fill-box value of offset-path

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

length value of offset-path

pub const none: #(String, String)
  • : Specifies that the element does not follow any offset path. The none value is equivalent to the element not having any offset transform. The element’s movement in this case is determined by its default position properties, such as {{cssxref(“top”)}} and {{cssxref(“left”)}}, instead of an offset path. This is the default value.
pub const padding_box: #(String, String)

padding-box value of offset-path

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

Enter a raw string value for offset-path

pub const revert: #(String, String)
pub const revert_layer: #(String, String)
pub const stroke_box: #(String, String)

stroke-box value of offset-path

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

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

pub const view_box: #(String, String)

view-box value of offset-path

Search Document