מאפיין background-clip

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

.box { background-clip: padding-box; }

.gradient-text { background-image: linear-gradient(90deg, magenta, cyan); -webkit-background-clip: text; background-clip: text; color: transparent; }

border-boxהרקע מצויר עד שולי הגבול החיצוניים (ברירת המחדל).

padding-boxהרקע מצויר עד שולי הריפוד — לא מתחת לגבול.

content-boxהרקע מצויר רק על אזור התוכן.

textהרקע נחתך לצורת הטקסט בתיבה — שימושי לאפקט טקסט מצויר עם רקע.

border-areaהרקע משתרע דרך אזור הגבול עצמו (תוספת של רמה 4).

CSS Backgrounds Module Level 4

First Public Working Draft

W3C MDN

CSS

Show all code

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

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

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

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

previous next