Note: !DOCTYPE이 지정되면 Internet Explorer 8(이상)은 "inline-table", "run-in", "table", " 테이블 캡션", "테이블 셀", "테이블 열", "테이블 열 그룹", "테이블 행", "테이블 행 그룹" 및 "상속".
display 속성은 요소가 생성해야 하는 상자 유형을 지정합니다.
이 속성은 레이아웃 생성 시 요소에 의해 생성되는 표시 상자 유형을 정의하는 데 사용됩니다. HTML과 같은 문서 유형의 경우 표시를 부주의하게 사용하면 HTML에 이미 정의된 표시 계층 구조를 위반할 수 있으므로 위험할 수 있습니다. XML의 경우 XML에는 이러한 종류의 계층 구조가 내장되어 있지 않으므로 모든 표시가 절대적으로 필요합니다.
참고: compact 값과 marker는 CSS2에 있었지만 광범위한 지원이 부족하여 CSS2.1에서는 제거되었습니다.
기본값: | 인라인 | |||||||
---|---|---|---|---|---|---|---|---|
默认值: | inline |
---|---|
继承性: | no |
版本: | CSS1 |
JavaScript 语法: | object.style.display="inline" |
值 | 描述 |
---|---|
none | 此元素不会被显示。 |
block | 此元素将显示为块级元素,此元素前后会带有换行符。 |
inline | 默认。此元素会被显示为内联元素,元素前后没有换行符。 |
inline-block | 行内块元素。(CSS2.1 新增的值) |
list-item | 此元素会作为列表显示。 |
run-in | 此元素会根据上下文作为块级元素或内联元素显示。 |
compact | CSS 中有值 compact,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 |
marker | CSS 中有值 marker,不过由于缺乏广泛支持,已经从 CSS2.1 中删除。 |
table | 此元素会作为块级表格来显示(类似 ),表格前后带有换行符。 inline-table 此元素会作为内联表格来显示(类似 ),表格前后没有换行符。)。)。)。)。)。) table-row-group 此元素会作为一个或多个行的分组来显示(类似 table-header-group 此元素会作为一个或多个行的分组来显示(类似 table-footer-group 此元素会作为一个或多个行的分组来显示(类似 table-row 此元素会作为一个表格行显示(类似 table-column-group 此元素会作为一个或多个列的分组来显示(类似 table-column 此元素会作为一个单元格列显示(类似 table-cell 此元素会作为一个表格单元格显示(类似 和 ) table-caption 此元素会作为一个表格标题显示(类似 ) inherit 规定应该从父元素继承 display 属性的值。 |
가치 | 설명|
---|---|
없음 | 이 요소는 표시되지 않습니다. |
차단 | 이 요소는 이 요소 앞과 뒤에 줄 바꿈이 있는 블록 수준 요소로 표시됩니다. |
인라인 | 기본값. 이 요소는 요소 앞뒤에 줄 바꿈 없이 인라인 요소 @&@으로 표시됩니다. |
인라인 블록 | 인라인 블록 요소. (CSS2.1 새 @&@ 값) |
list@&@-item | 이 요소는 list@&@으로 표시됩니다. |
런인 | 이 요소는 상황에 따라 블록 수준 요소 또는 인라인 요소로 표시됩니다. |
컴팩트 | CSS에는 컴팩트 값이 있지만 폭넓은 지원이 부족하여 CSS2.1@&@ 삭제. |
마커 | 값 표시자는 CSS에 있었지만 광범위한 지원 부족으로 인해 CSS2.1에서는 제거되었습니다. |
테이블 | 이 요소는 (비슷하게) 블록 수준 table@&@으로 표시됩니다. 개행 문자 앞과 뒤의 테이블입니다. 인라인 테이블 이 요소는 인라인 테이블( 과 유사)로 표시되며 테이블 앞이나 뒤에 줄 바꿈이 없습니다. ). ). ). ). ). ) 테이블-행-그룹 이 요소는 하나 이상의 행에서 group@&@으로 표시됩니다( 테이블-head@&@er-group 이 요소는 하나 이상의 행 그룹으로 표시됩니다(예: 테이블 바닥글 그룹 이 요소는 하나 이상의 행 그룹으로 표시됩니다(예: 테이블 행 이 요소는 테이블 행으로 표시됩니다( 테이블-열-그룹 이 요소는 하나 이상의 열 그룹으로 표시됩니다(예: 테이블-열 이 요소는 셀 열로 표시됩니다( 테이블 셀 이 요소는 테이블 셀로 표시됩니다( 그리고 ) 표 캡션 이 요소는 테이블 제목으로 표시됩니다( ) 상속하다 표시 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다. |
위 내용은 CSS의 표시 속성에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!