monks/transform_box

The transform-box CSS property defines the layout box to which the {{cssxref(“transform”)}}, individual transform properties {{cssxref(“translate”)}}, {{cssxref(“scale”)}}, and {{cssxref(“rotate”)}}, and {{cssxref(“transform-origin”)}} properties relate.

Values

border_box

</>

pub const border_box: #(String, String)

: The border box is used as the reference box. The reference box of a {{htmlElement(“table”)}} is the border box of its table wrapper box, not its table box.

content_box

</>

pub const content_box: #(String, String)

: The content box is used as the reference box. The reference box of a {{htmlElement(“table”)}} is the border box of its table wrapper box, not its table box.

fill_box

</>

pub const fill_box: #(String, String)

: The object bounding box is used as the reference box. For elements with associated CSS layout box, acts as content-box.

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 transform-box

revert

</>

pub const revert: #(String, String)

revert_layer

</>

pub const revert_layer: #(String, String)

stroke_box

</>

pub const stroke_box: #(String, String)

: The stroke bounding box is used as the reference box. For elements with associated CSS layout box, acts as border-box.

unset

</>

pub const unset: #(String, String)

var

</>

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

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

view_box

</>

pub const view_box: #(String, String)

: The nearest {{Glossary(“SVG”)}} viewport is used as the reference box. If a {{SVGAttr(“viewBox”)}} attribute is specified for the SVG viewport creating element, the reference box is positioned at the origin of the coordinate system established by the viewBox attribute, and the dimension of the reference box is set to the width and height values of the viewBox attribute. For elements with associated CSS layout box, acts as border-box.