border-width
border-width 속성에 대한 유틸리티입니다.
요소의 테두리 너비를 설정합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
border-width:0 | bd-width:0bd-w:0 | border-width: 0 !important; /* 0px */ |
border-width:1 | bd-width:1bd-w:1 | border-width: var(--border-width-1) !important; /* 1px */ |
border-width:2 | bd-width:2bd-w:2 | border-width: var(--border-width-2) !important; /* 2px */ |
border-width:3 | bd-width:3bd-w:3 | border-width: var(--border-width-3) !important; /* 3px */ |
border-width:inherit | bd-width:inheritbd-w:inherit | border-width: inherit !important; |
border-top-width:0 | bd-top-width:0bd-top-w:0 | border-top-width: 0 !important; /* 0px */ |
border-top-width:1 | bd-top-width:1bd-top-w:1 | border-top-width: var(--border-width-1) !important; /* 1px */ |
border-top-width:2 | bd-top-width:2bd-top-w:2 | border-top-width: var(--border-width-2) !important; /* 2px */ |
border-top-width:3 | bd-top-width:3bd-top-w:3 | border-top-width: var(--border-width-3) !important; /* 3px */ |
border-top-width:inherit | bd-top-width:inheritbd-top-w:inherit | border-top-width: inherit !important; |
border-right-width:0 | bd-right-width:0bd-right-w:0 | border-right-width: 0 !important; /* 0px */ |
border-right-width:1 | bd-right-width:1bd-right-w:1 | border-right-width: var(--border-width-1) !important; /* 1px */ |
border-right-width:2 | bd-right-width:2bd-right-w:2 | border-right-width: var(--border-width-2) !important; /* 2px */ |
border-right-width:3 | bd-right-width:3bd-right-w:3 | border-right-width: var(--border-width-3) !important; /* 3px */ |
border-right-width:inherit | bd-right-width:inheritbd-right-w:inherit | border-right-width: inherit !important; |
border-bottom-width:0 | bd-bottom-width:0bd-bottom-w:0 | border-bottom-width: 0 !important; /* 0px */ |
border-bottom-width:1 | bd-bottom-width:1bd-bottom-w:1 | border-bottom-width: var(--border-width-1) !important; /* 1px */ |
border-bottom-width:2 | bd-bottom-width:2bd-bottom-w:2 | border-bottom-width: var(--border-width-2) !important; /* 2px */ |
border-bottom-width:3 | bd-bottom-width:3bd-bottom-w:3 | border-bottom-width: var(--border-width-3) !important; /* 3px */ |
border-bottom-width:inherit | bd-bottom-width:inheritbd-bottom-w:inherit | border-bottom-width: inherit !important; |
border-left-width:0 | bd-left-width:0bd-left-w:0 | border-left-width: 0 !important; /* 0px */ |
border-left-width:1 | bd-left-width:1bd-left-w:1 | border-left-width: var(--border-width-1) !important; /* 1px */ |
border-left-width:2 | bd-left-width:2bd-left-w:2 | border-left-width: var(--border-width-2) !important; /* 2px */ |
border-left-width:3 | bd-left-width:3bd-left-w:3 | border-left-width: var(--border-width-3) !important; /* 3px */ |
border-left-width:inherit | bd-left-width:inheritbd-left-w:inherit | border-left-width: inherit !important; |
기본 테두리 너비 var(--border-width) 설정과 관련된 내용은 여기를 참고해주세요.