styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbox-alignbox-decoration-breakbox-directionbox-flexbox-flex-groupbox-linesbox-ordinal-groupbox-orientbox-packbox-shadowbox-sizingbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie box-shadow

מאפיין הקיצור box-shadow קובע צל אחד או יותר על תיבת האלמנט. כל צל כולל: צבע (אופציונלי), הסטה אופקית, הסטה אנכית, רדיוס טשטוש (אופציונלי), רדיוס פיזור (אופציונלי), ו-inset (אופציונלי, צל פנימי). מספר צלים מופרדים בפסיק.
.card { box-shadow: 0 2px 8px rgb(0 0 0 / 0.15); } .card { box-shadow: 0 1px 3px rgb(0 0 0 / 0.12), 0 10px 20px rgb(0 0 0 / 0.08), inset 0 0 0 1px rgb(255 255 255 / 0.3); }
פחות:-9999 יותר:9999 צעד:1 יחידות:px | em | rem | pt | vw | vh | vmin | vmax currentColorערך מאפיין color הנוכחי (ברירת המחדל לצל).transparentצבע שקוף.insetהצל פנימי במקום חיצוני.noneאין צל (ברירת המחדל של המאפיין). rgb()פונקציית צבע RGB.hsl()פונקציית צבע HSL.hwb()פונקציית צבע HWB.lab()פונקציית צבע במרחב CIE Lab.lch()פונקציית צבע במרחב CIE LCH.oklab()פונקציית צבע במרחב Oklab.oklch()פונקציית צבע במרחב Oklch.color()פונקציה כללית לציון צבע במרחבי-צבע מותאמים.light-dark()בוחר בין שני ערכי צבע לפי color-scheme. CSS Borders Module Level 4 Working Draft <color> <length> W3CMDN
CSS Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית