עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransform-boxtransform-origintransform-styletransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
transform-box CSS Property
The transform-box property specifies the reference box for transform and transform-origin operations — to which box (content/border/SVG bbox) the transformation is relative.
.box {
transform-box: border-box;
}
rect {
transform-box: fill-box;
transform-origin: center;
transform: scale(0.5);
}
view-boxThe default value. Uses the nearest SVG viewport as the reference box.content-boxUses the content box as the reference box.border-boxUses the border box as the reference box.fill-boxUses the SVG object bounding box as the reference box.stroke-boxUses the SVG stroke bounding box as the reference box.
CSS Transforms Module Level 1
Editor's Draft
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext