목록CSS display (1)

지지나

CSS - display, visibility 속성

완전 간단한 css display와 visibility 속성에 대해서 알아보자. display 속성은 크게 none, inline, block, inline-block가 있으며 각각의 의미는 이렇다; display: none → 요소가 완전히 사라짐 display: inline → 인라인 성격으로 바뀜. 크기를 가질 수 없고, 세로로 쌓이지 않고 가로로 나열됨. display: block → 블록 성격으로 바뀜. 아래로 쌓임. display: inline-block → 크기는 가질 수 있지만 세로로 쌓이지 않고 가로로 나열됨. visibility는 화면에 어떻게 보이는지를 설명하며, hidden으로 하게 되면 요소는 보이지 않지만 요소의 자리는 그대로 유지한다. 백문이 불여일견인지라, 직접 해서 눈으로 ..
기획자의 프로그래밍 걸음마/HTML, CSS 2020. 7. 22. 23:14
Prev 1 Next