The border-inline-color shorthand sets the colors of both logical inline-axis sides (start and end). One value applies to both; two values set start/end separately. Depends on writing-mode/direction..box {
border-inline-color: teal;
}.box {
border-inline-color: red gold;
}currentColorCurrent color value (default).transparentFully transparent color.rgb()RGB color function.hsl()HSL color function.hwb()HWB color function.lab()CIE Lab color function.lch()CIE LCH color function.oklab()Oklab color function.oklch()Oklch color function.color()Generic color function for custom color spaces.light-dark()Selects between two color values per color-scheme.linear-gradient()Linear color gradient (as <image-1D>, new in L4).CSS Borders Module Level 4Working Draft<color>W3CMDNCSSShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationvalue typessourcesvisual demonstrationpreviousnext
