>  기사  >  웹 프론트엔드  >  CSS의 표시 속성에 대한 자세한 소개

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

黄舟
黄舟원래의
2017-05-27 13:34:372389검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.