min-width
min-width 속성에 대한 유틸리티입니다.
요소의 최소 너비를 설정합니다. 이는 width의 값이 min-width로 지정된 값보다 작아지지 않도록 합니다.
| 클래스 | 약어 클래스 | 속성 |
|---|---|---|
min-width:0 | min-w:0 | min-width: var(--width-0) !important; /* 0px */ |
min-width:1 | min-w:1 | min-width: var(--width-1) !important; /* 50px */ |
min-width:2 | min-w:2 | min-width: var(--width-2) !important; /* 100px */ |
min-width:3 | min-w:3 | min-width: var(--width-3) !important; /* 150px */ |
min-width:4 | min-w:4 | min-width: var(--width-4) !important; /* 200px */ |
min-width:5 | min-w:5 | min-width: var(--width-5) !important; /* 250px */ |
min-width:6 | min-w:6 | min-width: var(--width-6) !important; /* 300px */ |
min-width:7 | min-w:7 | min-width: var(--width-7) !important; /* 350px */ |
min-width:8 | min-w:8 | min-width: var(--width-8) !important; /* 400px */ |
min-width:9 | min-w:9 | min-width: var(--width-9) !important; /* 450px */ |
min-width:10 | min-w:10 | min-width: var(--width-10) !important; /* 500px */ |
min-width:100p | min-w:100p | min-width: 100% !important; |
min-width:min-contentmin-width:min | min-w:min-contentmin-w:min | min-width: min-content !important; |
min-width:max-contentmin-width:max | min-w:max-contentmin-w:max | min-width: max-content !important; |
min-width:fit-contentmin-width:fit | min-w:fit-contentmin-w:fit | min-width: fit-content !important; |
기본 너비값 var(--width) 설정과 관련된 내용은 여기를 참고해주세요.