DXB CSS

Borders & Radius

border-width, border-color, border-style, rounded-*, divide — 완전한 테두리 시스템

Border Radius Scale

none

sm

DEFAULT

md

lg

xl

2xl

3xl

full

Partial Radius

rounded-t-3xl

rounded-b-3xl

rounded-l-3xl

rounded-r-3xl

rounded-tl-3xl

rounded-tr-3xl

rounded-bl-3xl

rounded-br-3xl

Border Widths & Styles

border-1

border-2

border-4

border-8

solid

dashed

dotted

double

Directional Borders

border-t-4

border-b-4

border-l-4

border-r-4

border-x-4

border-y-4

Divide (자식 요소 사이 경계선)

divide-y-2 (수평 구분선)

Row One

Row Two

Row Three

divide-x-2 (수직 구분선)

Col A

Col B

Col C

Border Colors

indigo

sky

emerald

rose

amber

slate-900

slate-200