מאפיין background-repeat

מאפיין background-repeat קובע אם וכיצד תמונת הרקע משוכפלת על-פני אזור-המיקום. אפשר לתת ערך יחיד שחל על שני הצירים, או שני ערכים — הראשון לציר האופקי, השני לציר האנכי.

.tile { background-repeat: repeat; }

.banner { background-image: url('icon.svg'); background-repeat: space round; }

repeatהתמונה משוכפלת (ברירת המחדל). אם השכפול לא נכנס במספר שלם — היא תיחתך בקצוות.

repeat-xשכפול אופקי בלבד (שווה ל-‏'repeat no-repeat').

repeat-yשכפול אנכי בלבד (שווה ל-‏'no-repeat repeat').

spaceהתמונה משוכפלת כמה פעמים שנכנסות בלי חיתוך, ושטחים פנויים מתחלקים שווה בשווה ביניהן.

roundהתמונה משוכפלת כמה פעמים שנכנסות, ומתבצעת התאמת קנה-מידה כך שתיכנס מספר שלם של פעמים.

no-repeatהתמונה מוצגת פעם אחת ולא משוכפלת.

CSS Backgrounds Module Level 4

First Public Working Draft

W3C MDN

CSS

Show all code

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

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

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

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

previous next