CSS Types

CSS Types

Editing

〈display-inside〉

구문

  • flow | flow-root | table | flex | grid | ruby
    CSS Display Module Level 3

사용되는 키워드

키워드요약
flex

자식 요소들을 CSS3에 추가된 flex 속성의 지정된 값에 따라 화면에 출력한다. 변경된 명세에 의하면 내부 디스플레이 값으로 사용된다.

flow

외부 디스플레이 유형이 inline 또는 run-in이고 block 또는 inline 형식의 지정 컨텍스트에 참여하는 경우 inline 상자를 생성하는 내부 디스플레이 값으로 사용한다.

flow-root

블록 컨테이너 상자를 생성하고 flow 레이아웃을 사용하여 내용을 배치한다. 내부 디스플레이 값으로 사용한다. 자식 요소가 float 값을 가지고 있는 경우에 자식 요소를 수용(BFC:블록 양식화 문맥)하여 표시한다.

grid

자식 요소들을 CSS3에 추가된 grid 속성의 지정된 값에 따라 화면에 출력한다. 변경된 명세에 의하면 내부 디스플레이 값으로 사용된다.

table

테이블 요소처럼 동작한다. CSS 3에서는 내부 디스플레이 값으로 사용한다.

버전 명세

Modules
Module NameStatusSummary
CSS Display Module Level 3

Last review date: 2022-6-11

지원 웹브라우저