display 속성
요소를 표시하는 방법을 지정한다.
display: value;
display 속성의 값 중에서 가장 사용빈도가 높은 4가지 값에 대해 알아보겠습니다.
block
: 블록 요소처럼 표시.inline
: 인라인 요소처럼 표시.inline-block
: 블록 요소와 인라인 요소의 혼합된 형태로 크기는 지정할 수 있으되 줄 바꿈이 되지 않는다.none
: 태그를 보이지 않게 만들어 화면에서 사라지게 만든다.
display 속성의 값은 설명해드린 4가지 속성 값 말고도 꽤 많이 있습니다. 하지만 이 4가지 속성 값들을 이용하여 거의 모든 레이아웃을 그리는 데는 큰 무리가 없으므로 이번 과정에서는 이 정도로만 학습하겠습니다.
display 속성의 값에 대해 더 자세히 알고 싶다면 아래의 링크를 참고하세요.