본문 바로가기

Webstoryboy

Category

Explanation

CSS

[CSS] display

display

display 속성은 요소의 성질을 정의합니다.


display

display 속성은 요소의 성질을 정의합니다.

정의(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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
display 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기