styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderborder-blockborder-block-colorborder-block-endborder-block-end-colorborder-block-end-styleborder-block-end-widthborder-block-startborder-block-start-colorborder-block-start-styleborder-block-start-widthborder-block-styleborder-block-widthborder-bottomborder-bottom-colorborder-bottom-left-radiusborder-bottom-right-radiusborder-bottom-styleborder-bottom-widthborder-collapseborder-colorborder-end-end-radiusborder-end-start-radiusborder-imageborder-image-outsetborder-image-repeatborder-image-sliceborder-image-sourceborder-image-widthborder-inlineborder-inline-colorborder-inline-endborder-inline-end-colorborder-inline-end-styleborder-inline-end-widthborder-inline-startborder-inline-start-colorborder-inline-start-styleborder-inline-start-widthborder-inline-styleborder-inline-widthborder-leftborder-left-colorborder-left-styleborder-left-widthborder-radiusborder-rightborder-right-colorborder-right-styleborder-right-widthborder-shapeborder-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottomboxbreakcaption-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 border-color

מאפיין הקיצור border-color קובע את צבע ארבעת הצדדים של המסגרת. אפשר לתת ערך אחד (כל הצדדים), שניים (אנכי/אופקי), שלושה (top/horizontal/bottom) או ארבעה (top/right/bottom/left). ב-L4 ניתן גם להעביר <image-1D> (gradient לאורך הצד).
.box { border-color: black; } .box { border-color: red green blue gold; }
currentColorמשתמש בערך מאפיין color הנוכחי (ברירת המחדל).transparentצבע שקוף לחלוטין. rgb()פונקציית צבע RGB.hsl()פונקציית צבע HSL.hwb()פונקציית צבע HWB.lab()פונקציית צבע במרחב CIE Lab.lch()פונקציית צבע במרחב CIE LCH.oklab()פונקציית צבע במרחב Oklab.oklch()פונקציית צבע במרחב Oklch.color()פונקציה כללית לציון צבע במרחבי-צבע מותאמים.light-dark()בוחר בין שני ערכי צבע לפי color-scheme.linear-gradient()מעבר צבעים ליניארי (כ-<image-1D>, חדש ב-L4). CSS Borders Module Level 4 Working Draft <color> W3CMDN
CSS Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית