보더

보더 관련 기본 속성입니다. 보더 단축 패턴은 보더 단축 페이지를 참고하세요.

Border None

클래스	CSS
`bn`	border: none
`btn`	border-top: none
`brn`	border-right: none
`bbn`	border-bottom: none
`bln`	border-left: none

Border Radius

프리픽스: br + 숫자 + 단위

클래스	CSS
`br4px`	border-radius: 4px
`br8px`	border-radius: 8px
`br12px`	border-radius: 12px
`br50p`	border-radius: 50%
`br2rem`	border-radius: 2rem

Border Width

프리픽스	속성	예시
`bw`	border-width	`bw1px, bw2px`
`btw`	border-top-width	`btw1px`
`brw`	border-right-width	`brw2px`
`bbw`	border-bottom-width	`bbw1px`
`blw`	border-left-width	`blw2px`
`bs`	border-spacing	`bs2px`

Border Color

프리픽스: bc + HEX6

bcDDDDDD → border-color: #DDDDDDbc6366f1 → border-color: #6366F1

Outline

클래스	CSS
`oln`	outline: none
`olss`	outline-style: solid
`olsd`	outline-style: dashed
`olsdt`	outline-style: dotted
`olsdb`	outline-style: double
`olsg`	outline-style: groove
`olsr`	outline-style: ridge
`olsi`	outline-style: inset
`olso`	outline-style: outset
`olsn`	outline-style: none

Outline Width / Offset

프리픽스	속성	예시
`ow`	outline-width	`ow2px`
`oo`	outline-offset	`oo4px`

Border Collapse

클래스	CSS
`bcc`	border-collapse: collapse
`bcs`	border-collapse: separate