[CSS] 요소들을 감추는 방법들 2-10

Yumin Jung·2023년 1월 26일
0

cursor 속성

auto -> 자동으로 요소의 특성에 따라 모양이 바뀐다.
default -> 기본 화살표 모양.
none -> 보이지 않는 커서.
pointer -> 손 모양, 클릭 유도.
zoom-in -> 돋보기 모양, 확대 유도.
not allowed -> 금지

요소를 숨기는 세 가지 방법

opacity 속성

속성을 0으로 하면 모습만 감춘다. 스크린 리더에 따라 읽지 않을 수도 있다.

visibility 속성

visible / hidden

hidden으로 하면 위 효과에 더하여 마우스 오버 효과나 포커스, 클릭 등도 무효하게 된다.
스크린 리더에게도 읽히지 않게 된다.

none 속성

display 속성을 none으로 하면 위 효과들에 더하여 자리도 차지하지 않게 된다.

profile
문과를 정말로 존중해

0개의 댓글