요소를 숨기는 3가지 방법
| CSS 용어 | 의미 | 사용법 |
| opacity | 투명하게 만든다. 모습만 숨기는 것으로 속성도 남고 자리도 차지함 |
opacity : 0; |
| visibility | 표시상태를 뜻함 자리는 차지하고, 모습과 속성만 숨김 주로 디자인을 바꾸기 어려운 file 태그를 디자인할 때 사용함 |
visibility : hidden; |
| display | 그냥 존재 자체를 없애놓는 방법 주로 모달창을 만들어 놓을 때 사용 |
display: none |
'국비지원 공부 정리 > HTML,CSS' 카테고리의 다른 글
| CSS 용어 정리 - Transform, animation (0) | 2025.03.18 |
|---|---|
| CSS 용어의 정리- display, position, background (0) | 2025.03.18 |
| CSS 용어 정리 - 상자의 크기, border, overflow (0) | 2025.03.17 |
| CSS 용어 정리 - font,margin, padding (0) | 2025.03.17 |
| CSS 선택자 - 가상 클래스, 가상 요소 (0) | 2025.03.17 |