border-color

SelectorStyleVariables Required
.borderborder-color: var(--border)--border
.dark:borderborder-color: var(--dark-border)--dark-border
.border-tborder-top-color: var(--border-t)--border-t
.dark:border-tborder-top-color: var(--dark-border-t)--dark-border-t
.border-rborder-right-color: var(--border-r)--border-r
.dark:border-rborder-right-color: var(--dark-border-r)--dark-border-r
.border-bborder-bottom-color: var(--border-b)--border-b
.dark:border-bborder-bottom-color: var(--dark-border-b)--dark-border-b
.border-lborder-left-color: var(--border-l)--border-l
.dark:border-lborder-left-color: var(--dark-border-l)--dark-border-l
.border-sborder-inline-start-color: var(--border-s)--border-s
.dark:border-sborder-inline-start-color: var(--dark-border-s)--dark-border-s
.border-eborder-inline-end-color: var(--border-e)--border-e
.dark:border-eborder-inline-end-color: var(--dark-border-e)--dark-border-e
.border-xborder-inline-color: var(--border-x)--border-x
.dark:border-xborder-inline-color: var(--dark-border-x)--dark-border-x
.border-yborder-block-color: var(--border-y)--border-y
.dark:border-yborder-block-color: var(--dark-border-y)--dark-border-y
.border/oborder-color: color-mix( in oklab, var(--border) var(--border-o, 100%), transparent )--border
--border-o
.dark:border/oborder-color: color-mix( in oklab, var(--dark-border) var(--dark-border-o, 100%), transparent )--dark-border
--dark-border-o
.border-t/oborder-top-color: color-mix( in oklab, var(--border-t) var(--border-t-o, 100%), transparent )--border-t
--border-t-o
.dark:border-t/oborder-top-color: color-mix( in oklab, var(--dark-border-t) var(--dark-border-t-o, 100%), transparent )--dark-border-t
--dark-border-t-o
.border-r/oborder-right-color: color-mix( in oklab, var(--border-r) var(--border-r-o, 100%), transparent )--border-r
--border-r-o
.dark:border-r/oborder-right-color: color-mix( in oklab, var(--dark-border-r) var(--dark-border-r-o, 100%), transparent )--dark-border-r
--dark-border-r-o
.border-b/oborder-bottom-color: color-mix( in oklab, var(--border-b) var(--border-b-o, 100%), transparent )--border-b
--border-b-o
.dark:border-b/oborder-bottom-color: color-mix( in oklab, var(--dark-border-b) var(--dark-border-b-o, 100%), transparent )--dark-border-b
--dark-border-b-o
.border-l/oborder-left-color: color-mix( in oklab, var(--border-l) var(--border-l-o, 100%), transparent )--border-l
--border-l-o
.dark:border-l/oborder-left-color: color-mix( in oklab, var(--dark-border-l) var(--dark-border-l-o, 100%), transparent )--dark-border-l
--dark-border-l-o
.border-s/oborder-inline-start-color: color-mix( in oklab, var(--border-s) var(--border-s-o, 100%), transparent )--border-s
--border-s-o
.dark:border-s/oborder-inline-start-color: color-mix( in oklab, var(--dark-border-s) var(--dark-border-s-o, 100%), transparent )--dark-border-s
--dark-border-s-o
.border-e/oborder-inline-end-color: color-mix( in oklab, var(--border-e) var(--border-e-o, 100%), transparent )--border-e
--border-e-o
.dark:border-e/oborder-inline-end-color: color-mix( in oklab, var(--dark-border-e) var(--dark-border-e-o, 100%), transparent )--dark-border-e
--dark-border-e-o
.border-x/oborder-inline-color: color-mix( in oklab, var(--border-x) var(--border-x-o, 100%), transparent )--border-x
--border-x-o
.dark:border-x/oborder-inline-color: color-mix( in oklab, var(--dark-border-x) var(--dark-border-x-o, 100%), transparent )--dark-border-x
--dark-border-x-o
.border-y/oborder-block-color: color-mix( in oklab, var(--border-y) var(--border-y-o, 100%), transparent )--border-y
--border-y-o
.dark:border-y/oborder-block-color: color-mix( in oklab, var(--dark-border-y) var(--dark-border-y-o, 100%), transparent )--dark-border-y
--dark-border-y-o