Menu Home

transform-box

osbo.com | CSS | Properties | transform-box

The transform-box CSS property specifies the reference box for the transform.

Syntax

CSS

transform-box: value;

JS

object.style.transformBox = "value";

Values

<'transform-box'> = content-box | border-box | fill-box | stroke-box | view-box
content-box

Uses the content box as reference box.

border-box

Uses the border box as reference box.

fill-box

Uses the object bounding box as a reference box.

stroke-box

Uses the stroke bounding box as a reference box.

view-box

Uses the nearest SVG viewport as a reference box.

Initial

view-box

Examples

border-box

content-box

fill-box

stroke-box

view-box

JS

Internal

backface-visibility

perspective

perspective-origin

rotate

scale

transform

transform-origin

transform-style

translate

External

World Wide Web Consortium (W3C)