Menu Samaritan's Purse

TRANSFORM-BOX

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