?
This document uses PHP Chinese website manual Release
empty-cells:hide | show
默認(rèn)值:show
適用于:table系元素
繼承性:有
動(dòng)畫(huà)性:否
計(jì)算值:指定值
hide:指定當(dāng)表格的單元格無(wú)內(nèi)容時(shí),隱藏該單元格的邊框。
show:指定當(dāng)表格的單元格無(wú)內(nèi)容時(shí),顯示該單元格的邊框。
IE7及以下瀏覽器中默認(rèn)隱藏?zé)o內(nèi)容的單元格邊框,要想使其獲得與show參數(shù)值相同的效果,可以變相給該空單元格加個(gè)占位且不可見(jiàn)的元素,例如全角空格或 等等。
只有當(dāng)表格邊框獨(dú)立(即 <' border-collapse '> 屬性等于separate
時(shí))此屬性才起作用。
對(duì)應(yīng)的腳本特性為emptyCells。
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-7.0 | 2.0+ | 4.0+ | 6.0+ | 15.0+ | 6.0+ | 2.1+ | 18.0+ |
8.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>empty-cells_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> h1{font-size:16px;font-family:Arial;} .test{empty-cells:show;} .test2{empty-cells:hide;} </style> </head> <body> <h1>show:</h1> <table border="1" class="test"> <tbody> <tr> <td>序號(hào)</td> <td>姓名</td> <td>年齡</td> </tr> <tr> <td>1</td> <td>Joy</td> <td>26</td> </tr> <tr> <td>2</td> <td>Kate</td> <td></td> </tr> </tbody> </table> <h1>hide:</h1> <table border="1" class="test2"> <tbody> <tr> <td>序號(hào)</td> <td>姓名</td> <td>年齡</td> </tr> <tr> <td>1</td> <td>Joy</td> <td>26</td> </tr> <tr> <td>2</td> <td>Kate</td> <td></td> </tr> </tbody> </table> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線(xiàn)實(shí)例