[CSS] display

요소의 화면 출력(보여짐) 특성을 의미한다.

 

block

상자(레이아웃) 요소를 의미한다.

각 요소에 이미 지정되어 있는 값이다.

 

inline

글자 요소를 의미한다.

각 요소에 이미 지정되어 있는 값이다.

 

inline-block

글자 + 상자 요소를 의미한다.

베이스는 글자 요소 이지만 width / height 가 지정한대로 적용된다.

각 요소에 이미 지정되어 있는 값이다.

 

flex

플렉스 박스를 의미한다. (1차원 레이아웃)

x축 또는 y축, 즉 하나의 축만을 가지고 레이아웃을 잡는 개념이다.

따로 지정해서 사용하는 값이다.

 

grid

그리드를 의미한다. (2차원 레이아웃)

x축과 y축, 즉 행과 열 두 개의 축을 가지고 레이아웃을 잡는 개념이다.

따로 지정해서 사용하는 값이다.

 

none

보여짐 특성이 없는 것을 말한다.

이 값을 지정하면 화면에서 해당 요소가 사라진다.

사라진다는 것은 요소가 존재하지만 화면에 보여지지 않는다는 것을 말한다.

따로 지정해서 사용하는 값이다.