The CSS Propertie transform-box

מאפיין transform-box מציין את תיבת הייחוס עבור פעולות transform ו-transform-origin — לאיזו תיבה (content/border/SVG bbox) הטרנספורמציה מתייחסת.

.box { transform-box: border-box; }

rect { transform-box: fill-box; transform-origin: center; transform: scale(0.5); }

view-boxערך ברירת המחדל. משתמש בחלון התצוגה הקרוב ביותר של ה-SVG כתיבת ייחוס.

content-boxמשתמש בתיבת התוכן כתיבת ייחוס.

border-boxמשתמש בתיבת המסגרת (border-box) כתיבת ייחוס.

fill-boxמשתמש בתיבה התוחמת של האובייקט (SVG object bounding box) כתיבת ייחוס.

stroke-boxמשתמש בתיבה התוחמת של ה-stroke (SVG) כתיבת ייחוס.

CSS Transforms Module Level 1

Editor's Draft

Show all code