מאפיין background-size

מאפיין background-size קובע את גודל תמונת הרקע. ניתן לתת מילת מפתח (auto, cover, contain), <length-percentage> אחד או שניים (אופקי ואנכי), או פיצול לפי שכבות בפסיק.

.hero { background-size: cover; }

.icon { background-image: url('icon.svg'); background-size: 32px 32px; }

פחות:0 יותר:9999 צעד:1

יחידות:% | px | em | rem | vw | vh | vmin | vmax | pt

autoמשתמש בגודל הפנימי של התמונה. אם רק ערך אחד נתון — הציר השני מחושב כדי לשמור על יחס מימדים (aspect ratio).

coverמקנה לתמונה את הגודל הקטן ביותר שמכסה את כל אזור-המיקום (יכול לחתוך).

containמקנה לתמונה את הגודל הגדול ביותר שנכנס כולה באזור-המיקום (ללא חיתוך).

CSS Backgrounds Module Level 4

First Public Working Draft

<length-percentage>

W3C MDN

CSS

Show all code

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

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

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

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

previous next