CSS/Eigenschaften/transform-box

Browserunterstützung
caniuse.com

Die Eigenschaft transform-box definiert den Layout-Bereich, auf den sich die Transformations-Eigenschaften „translate“, „scale“ und „rotate“ sowie die „transform-origin“-Eigenschaften beziehen.

Erlaubte Werte

• content-box
• border-box
• fill-box
• stroke-box
• view-box

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

view-box

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja, als Transformation

Beispiel

#box {
  transform-origin: 50% 50%; /* anything other than `0 0` to see the effect */
  transform-box: fill-box;
  animation: rotate-box 3s linear infinite;
}

Beispiel

Siehe auch

• Transform

Weblinks

• Spezifikation (CSSWG): transform-box
• MDN: transform-box
• Details: caniuse.com