border
border 속성에 대한 유틸리티입니다.
요소의 테두리를 설정합니다. border-width, border-style, border-color의 값을 설정할 수 있습니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
border | bd | border: 1px solid var(--border-color) !important; /* #dee2e6 */ |
border-top | bd-top | border-top: 1px solid var(--border-color) !important; |
border-right | bd-right | border-right: 1px solid var(--border-color) !important; |
border-bottom | bd-bottom | border-bottom: 1px solid var(--border-color) !important; |
border-left | bd-left | border-left: 1px solid var(--border-color) !important; |
border:none | bd:none | border-style: none !important; |
border:0 | bd:0 | border-style: none !important; |
기본 테두리 색상 var(--border-color) 설정과 관련된 내용은 여기를 참고해주세요.