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