css border border-block-color

תפריט ראשי

מבוא ל-CSSצבעים ב-CSSפונקציות CSSמחולל דוגמאות CSSטיפים וטריקים ב CSSאודות אתר סי.אס.אס. גייד

מאפייני CSS

accent-coloralignalignment-baselineanchoranimationappearancebackdrop-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-spacingborder-start-end-radiusborder-start-start-radiusborder-styleborder-topborder-top-colorborder-top-left-radiusborder-top-right-radiusborder-top-styleborder-top-widthborder-widthbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselineempty-cellsfield-sizingfillfilterflexfloatfloodfontgapgridheighthyphenatehyphensimageinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterow-gaprubyrxryscalescrollscrollbarshapestopstroketab-sizetable-layouttexttimelinetoptransformtransitiontranslateunicode-bidiuser-selectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

✔️ border-block-color CSS Style Property

המאפיין border-block-color מגדיר את צבע הגבולות של אלמנט בכיוון הבלוק.

הערה: כדי שהמאפיין border-block-color ייכנס לתוקף, יש להגדיר את border-block-style.

דוגמא: שנה הגדרת צבע מסגרת עליונה ותחתונה לאלמנט בלבד

Demo Panel:
cssguide
CSS:
HTML: 222
Syntax:

border-block-color: color | transparent | initial | inherit;

Valid values:
  • currentColor, transparent

Js Syntax: element.style.borderBlockColor

תאימות דפדפנים

border-block-color
הערך שנבדקChromeFirefoxEdgeCOpera
rgb(0, 0, 255)✔️✔️✔️✔️
black✔️✔️✔️✔️
silver✔️✔️✔️✔️
gray✔️✔️✔️✔️
white✔️✔️✔️✔️
maroon✔️✔️✔️✔️
red✔️✔️✔️✔️
purple✔️✔️✔️✔️
fuchsia✔️✔️✔️✔️
green✔️✔️✔️✔️
lime✔️✔️✔️✔️
olive✔️✔️✔️✔️
yellow✔️✔️✔️✔️
navy✔️✔️✔️✔️
blue✔️✔️✔️✔️
teal✔️✔️✔️✔️
aqua✔️✔️✔️✔️
transparent✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️

דוגמא: שנה הגדרת צבע מסגרת עליונה ותחתונה לאלמנט בלבד

Demo Panel:
cssguide
CSS:
HTML: 222
אודות | הצהרת פרטיות | צור קשר