display
display 속성은 요소의 성질을 정의합니다.
display
display 속성은 요소의 성질을 정의합니다.
| 특징 | 설명 |
|---|---|
| 기본 값 | display : inline |
| 버전 | CSS1 |
정의(Definition)
- display 속성은 요소의 성질을 정의합니다.
문법(Syntax)
display : inline | block | flex | inline-block | inline-flex | inline-table | list-item | run-in | table | table-caption | table-column-group | table-header-group | table-footer-group | table-row-group | table-cell | table-column | table-row | none
속성(Property)
| 속성값 | 설명 |
|---|---|
| inline | 인라인 요소의 성질로 설정합니다. |
| block | 블록 요소로 성질로 설정합니다. |
| flex | 플렉스 요소의 성질로 설정합니다. |
| inline-block | 인라인 성질을 가지면서 블록 요소의 성질을 설정합니다. |
| inline-flex | 인라인 성질을 가지면서 플렉스 요소의 성질을 설정합니다. |
| inline-table | 인라인 성질을 가지면서 테이블 요소의 성질을 설정합니다. |
| list-item | 리스트 스타일 성질로 설정합니다. |
| run-in | 인라인 및 블록 요소의 성질을 하나만 선택하도록 설정합니다. |
| table | 테이블 요소의 성질로 설정합니다. |
| table-caption | 테이블 요소의 caption 성질로 설정합니다. |
| table-column-group | 테이블 요소의 컬럼 그룹 성질로 설정합니다. |
| table-header-group | 테이블 요소의 헤더 그룹화 성질로 설정합니다. |
| table-footer-group | 테이블 요소의 푸터 그룹화 성질로 설정합니다. |
| table-row-group | 테이블 요소의 row 그룹화 성질로 설정합니다. |
| table-cell | 테이블 요소의 셀 성질로 설정합니다. |
| table-column | 테이블 요소의 컬럼 성질로 설정합니다. |
| table-row | 테이블 요소의 row 성질로 설정합니다. |
| none | display 효과를 적용하지 않습니다. |
호환성(Compatibility)
 |
 |
 |
 |
 |
 6 |
 7 |
8 |
 9 |
 10 |
 11 |
 |
 |
 |
|
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| display | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
