這篇文章主要介紹了css中empty-cells屬性的使用方法,具有一定借鑒價(jià)值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

css empty-cells屬性用于設(shè)置是否顯示表格中的空單元格(僅用于“分離邊框”模式)。該屬性定義了不包含任何內(nèi)容的表單元格如何表示;如果顯示,就會(huì)繪制出單元格的邊框和背景。
css empty-cells屬性怎么用?
empty-cells 屬性設(shè)置是否顯示表格中的空單元格(僅用于“分離邊框”模式)。
語法:
empty-cells:hide|show|inherit;
屬性值:
hide:不在空單元格周圍繪制邊框。
show:在空單元格周圍繪制邊框。默認(rèn)。
inherit:規(guī)定應(yīng)該從父元素繼承 empty-cells 屬性的值。
說明:該屬性定義了不包含任何內(nèi)容的表單元格如何表示。如果顯示,就會(huì)繪制出單元格的邊框和背景。除非 border-collapse 設(shè)置為 separate,即“分離邊框”模式下,否則將忽略這個(gè)屬性。
注釋:所有瀏覽器都支持 empty-cells 屬性。如果已規(guī)定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 empty-cells 屬性,某些版本的 IE 瀏覽器不支持此屬性。
css empty-cells屬性 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
table
{
border-collapse:separate;
empty-cells:hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td></td>
</tr>
</table>
</body>
</html>效果圖:

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享css中empty-cells屬性的使用方法內(nèi)容對大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián)建站,詳細(xì)的解決方法等著你來學(xué)習(xí)!
新聞名稱:css中empty-cells屬性的使用方法-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接:http://chinadenli.net/article12/diihgc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App設(shè)計(jì)、建站公司、靜態(tài)網(wǎng)站、小程序開發(fā)、網(wǎng)站導(dǎo)航、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容