monks/offset_position

The offset-position CSS property defines the initial position of an element along a path. This property is typically used in combination with the {{cssxref(“offset-path”)}} property to create a motion effect. The value of offset-position determines where the element gets placed initially for moving along an offset path if an offset-path function such as {{cssxref(“basic-shape/path”, “path()”)}} does not specify its own starting position.

The offset-position property is part of a motion system based on {{cssxref(“offset”)}} constituent properties, including {{cssxref(“offset-anchor”)}}, {{cssxref(“offset-distance”)}}, and offset-path. These properties work together to create various motion effects along a path.

Values

auto_

</>

pub const auto_: #(String, String)

: Indicates that the offset starting position is the top-left corner of the element’s box.

bottom

</>

pub const bottom: #(String, String)

bottom value of offset-position

center

</>

pub const center: #(String, String)

center value of offset-position

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

left

</>

pub const left: #(String, String)

left value of offset-position

length

</>

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

length value of offset-position

normal

</>

pub const normal: #(String, String)

: Indicates that the element does not have an offset starting position and places the element at 50% 50% of the containing block. This is the default value.

raw

</>

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

Enter a raw string value for offset-position

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

right

</>

pub const right: #(String, String)

right value of offset-position

top

</>

pub const top: #(String, String)

top value of offset-position

unset

</>

pub const unset: #(String, String)

var

</>

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

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