Overflow
콘텐츠가 요소 영역을 넘칠 때의 동작을 제어합니다.
Overflow
| 클래스 | CSS |
|---|---|
ov | overflow: visible |
oh | overflow: hidden |
os | overflow: scroll |
oa | overflow: auto |
oc | overflow: clip |
Overflow-X / Overflow-Y
| 클래스 | CSS |
|---|---|
oxv | overflow-x: visible |
oxh | overflow-x: hidden |
oxs | overflow-x: scroll |
oxa | overflow-x: auto |
oyv | overflow-y: visible |
oyh | overflow-y: hidden |
oys | overflow-y: scroll |
oya | overflow-y: auto |
Text Overflow
| 클래스 | CSS |
|---|---|
toe | text-overflow: ellipsis |
toc | text-overflow: clip |
Overflow Wrap
| 클래스 | CSS |
|---|---|
own | overflow-wrap: normal |
owbw | overflow-wrap: break-word |
owa | overflow-wrap: anywhere |
Visibility
| 클래스 | CSS |
|---|---|
vv | visibility: visible |
vh | visibility: hidden |
vi | visibility: initial |
bfvv | backface-visibility: visible |
bfvh | backface-visibility: hidden |
cvv | content-visibility: visible |
cva | content-visibility: auto |
cvh | content-visibility: hidden |
dn vs vh: dn은 요소를 완전히 제거, vh는 보이지 않지만 공간을 유지합니다.