monks/box_decoration_break

The box-decoration-break CSS property specifies how an element’s fragments should be rendered when broken across multiple lines, columns, or pages.

Values

clone

</>

pub const clone: #(String, String)

: Each box fragment is rendered independently with the specified border, padding, and margin wrapping each fragment. The {{ Cssxref(“border-radius”) }}, {{ Cssxref(“border-image”) }}, and {{ Cssxref(“box-shadow”) }} are applied to each fragment independently. The background is also drawn independently for each fragment, which means that a background image with {{ Cssxref(“background-repeat”, “background-repeat: no-repeat”) }} may nevertheless repeat multiple times.

inherit

</>

pub const inherit: #(String, String)

initial

</>

pub const initial: #(String, String)

raw

</>

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

Enter a raw string value for box-decoration-break

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

slice

</>

pub const slice: #(String, String)

: The element is initially rendered as if its box were not fragmented, after which the rendering for this hypothetical box is sliced into pieces for each line/column/page. Note that the hypothetical box can be different for each fragment since it uses its own height if the break occurs in the inline direction, and its own width if the break occurs in the block direction. See the CSS specification for details.

unset

</>

pub const unset: #(String, String)

var

</>

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

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