מאפיין הקיצור (shorthand) background קובע את כל מאפייני הרקע בהצהרה אחת: צבע, תמונה(ות), מיקום, גודל (אחרי /), שכפול, attachment, ו-origin/clip (תיבת ייחוס). ערכים החסרים מקבלים את ברירת המחדל של ה-longhand שלהם. הקיצור תמיד מאפס את כל ה-longhand גם אם לא צוינו במפורש.
.card {
background: #f5f5f5 url('logo.png') no-repeat center / contain;
}.hero {
background:
linear-gradient(rgb(0 0 0 / 0.4), transparent) center / cover no-repeat,
url('photo.jpg') top / cover no-repeat,
navy;
}
פחות:0יותר:9999צעד:1יחידות:% | px | em | rem | vw | vh | vmin | vmax | pttransparentצבע רקע שקוף.currentColorערך מאפיין color הנוכחי.noneאין תמונת רקע בשכבה זו.leftמיקום בקצה השמאלי.rightמיקום בקצה הימני.topמיקום בקצה העליון.bottomמיקום בקצה התחתון.centerממורכז.autoגודל פנימי של התמונה (לאחר /).coverגודל המכסה את כל האזור (לאחר /).containגודל שנכנס כולו באזור (לאחר /).repeatשכפול תמונת הרקע.repeat-xשכפול אופקי בלבד.repeat-yשכפול אנכי בלבד.spaceשכפול עם פיזור שטחים שווה.roundשכפול עם התאמת קנה-מידה.no-repeatאין שכפול.scrollתמונה מתגוללת עם התיבה.fixedתמונה קבועה ביחס ל-viewport.localתמונה מתגוללת עם תוכן התיבה.border-boxתיבת ייחוס: שולי הגבול.padding-boxתיבת ייחוס: שולי הריפוד.content-boxתיבת ייחוס: שולי התוכן.rgb()פונקציית צבע RGB.hsl()פונקציית צבע HSL.hwb()פונקציית צבע HWB.lab()פונקציית צבע במרחב CIE Lab.lch()פונקציית צבע במרחב CIE LCH.oklab()פונקציית צבע במרחב Oklab.oklch()פונקציית צבע במרחב Oklch.color()פונקציה כללית לציון צבע במרחבי-צבע מותאמים.light-dark()בוחר בין שני ערכי צבע לפי color-scheme.url()תמונה לפי כתובת.linear-gradient()מעבר צבעים ליניארי לאורך ציר.radial-gradient()מעבר צבעים רדיאלי סביב מרכז.conic-gradient()מעבר צבעים קוני (סובב סביב נקודה).repeating-linear-gradient()מעבר ליניארי החוזר על עצמו.repeating-radial-gradient()מעבר רדיאלי החוזר על עצמו.repeating-conic-gradient()מעבר קוני החוזר על עצמו.image-set()בחירת תמונה לפי רזולוציה/פורמט.cross-fade()מיזוג שתי תמונות באחוז עוצמה.CSS Backgrounds Module Level 4First Public Working Draft<color> <image> <length-percentage>W3CMDNCSSShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותיתpreviousnext
