CSS display屬性基本特性和語法介紹

本篇內容主要講解“CSS display屬性基本特性和語法介紹”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS display屬性基本特性和語法介紹”吧!

CSS display屬性基本特性

初始值： inline   適用于： 所有元素 
繼承性： 無       百分比： N/A 
 媒體：  all      版本： CSS1/CSS2 
兼容性： IE4+ NS4+  

CSS display屬性基本語法

display : block | none | inline | compact | marker | inline-table | list-item | run-in | table | table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group

CSS display屬性語法取值

block               :　 CSS1  塊對象的默認值。將對象強制作為塊對象呈遞，為對象之后添加新行
none                :　 CSS1  隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間
inline              :　 CSS1  內聯對象的默認值。將對象強制作為內聯對象呈遞，從對象中刪除行
inline-block        :　 IE5.5  將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內
compact             :　 CSS2  未支持。分配對象為塊對象或基于內容之上的內聯對象
marker              :　 CSS2  未支持。指定內容在容器對象之前或之后。要使用此參數，對象必須和 :after 及 :before 偽元素一起使用
inline-table        :　 CSS2  未支持。將表格顯示為無前后換行的內聯對象或內聯容器
list-item           :　 CSS2  將塊對象指定為列表項目。并可以添加可選項目標志
run-in              :　 CSS2  未支持。分配對象為塊對象或基于內容之上的內聯對象
table               :　 CSS2  未支持。將對象作為塊元素級的表格顯示
table-caption       :　 CSS2  未支持。將對象作為表格標題顯示
table-cell          :　 CSS2  未支持。將對象作為表格單元格顯示
table-column        :　 CSS2  未支持。將對象作為表格列顯示
table-column-group  :　 CSS2  未支持。將對象作為表格列組顯示
table-header-group  :　 CSS2  將對象作為表格標題組顯示
table-footer-group  :　 CSS2  將對象作為表格腳注組顯示
table-row           :　 CSS2  未支持。將對象作為表格行顯示
table-row-group     :　 CSS2  未支持。將對象作為表格行組顯示 
    
CSS display屬性使用說明

設置或檢索對象是否及如何顯示。

對于下列元素來說，此屬性的默認值為 block ： ADDRESS QUOTE BODY XMP CENTER COL COLGROUP DD DIR DIV DL DT FIELDSET FORM Hn HR IFRAME LEGEND LISTING MARQUEE MENU OL P PLAINTEXT PRE TABLE TD TH TR UL
對于下列元素來說，此屬性的默認值為 none ： BR FRAME nextID TBODY TFOOT THEAD
對于下列元素來說，此屬性的默認值為 list-item ： LI
其他元素默認值都是 inline 。
在IE6.0以前的版本中， LI 對象的默認值為 block 。
在IE4.0中， block ， inline ， list-item 值不被支持。但是對象仍然會被呈遞。
在IE5.0中開始支持 block 和 inline 。
在IE5.5中開始支持 inline-block 。你可以使用 inline-block 使對象獲得布局而無需指定確切的高( height )和寬( width )。
在IE6.0中開始支持 list-item 。

所有可視的文檔對象都是塊對象(block element)或者內聯對象(inline element)。例如， div 是一個塊對象。 span 是一個內聯對象。塊對象的特征是從新的一行開始且能包含其他塊對象和內聯對象。內聯對象被呈遞時不會從新行開始，能夠包含其他內聯對象和數據。

改變此屬性值對其周圍內容布局的影響可能是：

◆在屬性值設為 block 的對象后面添加新行。
 
◆從屬性值設為 inline 的對象中刪除一行。

◆隱藏屬性值設為 none 的對象并釋放其在文檔中的物理空間。

table-header-group 和 table-footer-group 屬性值可用來指定當表格( table )跨越了多頁時， tHead 和 tFoot 對象的內容在每一頁都顯示。
此屬性對于 currentStyle 對象而言是只讀的。對于其他對象而言是可讀寫的。對應的腳本特性為display。

到此，相信大家對“CSS display屬性基本特性和語法介紹”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！