티스토리 뷰

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 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

태그(Tag) 더보기

질문하기(Questions)
댓글쓰기 폼