מאפיין background-attachment

מאפיין background-attachment קובע אם תמונת הרקע מתגוללת עם תיבת האלמנט, נשארת קבועה ביחס לתצוגה (viewport), או מתגוללת עם תוכן התיבה. כשמציינים מספר תמונות רקע מופרדות בפסיק, ניתן לתת ערך לכל שכבה.

.hero { background-attachment: fixed; }

.layered { background-image: url('top.png'), url('bottom.png'); background-attachment: local, scroll; }

scrollתמונת הרקע נצמדת לתיבת האלמנט ומתגוללת יחד איתה (ברירת המחדל).

fixedתמונת הרקע קבועה ביחס לאזור התצוגה ואינה זזה כשגוללים.

localתמונת הרקע מתגוללת עם תוכן האלמנט (כשלאלמנט יש גלילה פנימית).

CSS Backgrounds Module Level 4

First Public Working Draft

W3C MDN

CSS

Show all code

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

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

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

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

previous next