CSS의 표시 속성에 대한 자세한 소개

CSS display Property

@

모든 주요 브라우저는 디스플레이 속성을 지원합니다.

Note: !DOCTYPE이 지정되면 Internet Explorer 8(이상)은 "inline-table", "run-in", "table", " 테이블 캡션", "테이블 셀", "테이블 열", "테이블 열 그룹", "테이블 행", "테이블 행 그룹" 및 "상속".

정의 및 사용법

display 속성은 요소가 생성해야 하는 상자 유형을 지정합니다.

Description

이 속성은 레이아웃 생성 시 요소에 의해 생성되는 표시 상자 유형을 정의하는 데 사용됩니다. HTML과 같은 문서 유형의 경우 표시를 부주의하게 사용하면 HTML에 이미 정의된 표시 계층 구조를 위반할 수 있으므로 위험할 수 있습니다. XML의 경우 XML에는 이러한 종류의 계층 구조가 내장되어 있지 않으므로 모든 표시가 절대적으로 필요합니다.

참고: compact 값과 marker는 CSS2에 있었지만 광범위한 지원이 부족하여 CSS2.1에서는 제거되었습니다.

Inherit

기본값:	인라인

默认值：	inline
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.display="inline"

속성: 아니요 버전: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!