정의
객체에 인라인 또는 블럭단위의 박스를 생성.
기본값
inline
브라우저 지원 :
구문
{ display : inline block inline-block 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 inherit}
설정 속성
| 값 | 설명 |
|---|---|
| inline (기본값) | 줄바꿈이 되지 않음. margin-bottom,margin-top,padding,width, height 값을 설정할수 없으며, 주로[span], [img]태그에 사용 |
| block | 줄을 바꿈. margin-bottom,margin-top,padding,width, height 값을 사용할수 있으며, 주로[div], [p], [form]태그에 사용 |
| inline-block | 인라인 수준의 블록 컨테이너 요소를 표시함. 이 블록의 내부는 블록 레벨 박스로 포맷하고, 요소 자체가 인라인 수준 상자로 포맷 |
| inline-table | 인라인 테이블 요소의 특징을 가짐 |
| list-item | 리스트 목록 지정 |
| run-in | 블록 박스로 지정 |
| table | 앞뒤 줄바꿈이 되는 테이블처럼 |
| table-caption | 테이블의 캡션처럼 보이게 지정 |
| table-column-group | 테이블의 컬럼그룹(colgroup) 처럼 보이게 지정 |
| table-header-group | 테이블의 헤더 행 그룹처럼 보이게 지정 |
| table-footer-group | 테이블의 풋터 행 그룹처럼 보이게 지정 |
| table-row-group | 테이블 행의 그룹처럼 보이게 지정 |
| table-cell | 테이블의 셀처럼 보이게 지정 |
| table-column | 테이블의 컬럼 처럼 보이게 지정 |
| table-row | 테이블의 행 처럼 보이게 지정 |
| none | 개체가 디스플레이되지 않음 |
| inherit | 부모(상위)부터 상속받음 |