מאפיין mask-repeat

המאפיין mask-repeat קובע איך תמונת המסכה נחזרת על-פני אזור המסכה (אופקי, אנכי, או שילוב). מקביל ל-background-repeat.

.tiled { mask-repeat: repeat; }

.horizontal-only { mask-image: url("pattern.svg"); mask-repeat: repeat-x; mask-position: center; }

repeatהתמונה חוזרת על שני הצירים (ערך ברירת המחדל).

repeat-xהתמונה חוזרת רק על הציר האופקי.

repeat-yהתמונה חוזרת רק על הציר האנכי.

no-repeatהתמונה לא חוזרת — מופיעה פעם אחת בלבד.

spaceהתמונה חוזרת בלי לחתוך אותה, ורווחים שווים מתחלקים בין החזרות.

roundהתמונה חוזרת ומותחת/מצמצמת כך שמספר חזרות שלם יתאים לאזור.

CSS Masking Module Level 1

Editor's Draft

Show all code