The CSS Propertie object-view-box

המאפיין object-view-box קובע מלבן יחסי בתוך אלמנט מוחלף (replaced) שייחשב לגודל ה-natural של התוכן — מאפשר זום/פאן על חלקים מתמונה, בדומה ל-viewBox של SVG.

img.zoomed { object-view-box: inset(25%); }

.crop { object-view-box: xywh(10% 10% 80% 60%); }

noneללא view-box — האלמנט משתמש בגודל המקורי של התוכן (ערך ברירת המחדל).

inset()מגדיר מלבן view-box באמצעות הסחות (offsets) מארבעת הקצוות.

rect()מגדיר מלבן view-box באמצעות 4 מרחקים מהקצה העליון, ימני, תחתון, שמאלי.

xywh()מגדיר מלבן view-box באמצעות x, y, width, height.

CSS Images Module Level 5

Editor's Draft

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next