css empty-cells property


  Translation results:

empty

English [ˈempti] American [ˈɛmpti]

adj. Empty, empty, empty; idle, ineffective, futile; Boring, stupid; empty words or actions

vt. (to make) empty, to empty out; to free up...

vi.Become empty; flow empty

n. Empty car; empty thing

cells

英['selz] 美['selz]

n. Battery;<生>cell (plural noun of cell); small cell; small room (where monks or nuns live)

css empty-cells propertysyntax

Function: empty-cells property sets whether to display empty cells in the table (only for "separated border" mode).

Description: This attribute defines how table cells that do not contain any content are represented. If displayed, the cell's borders and background are drawn. This property is ignored unless border-collapse is set to separate.​

Note: All browsers support the empty-cells attribute. Internet Explorer 8 (and later) supports the empty-cells attribute if !DOCTYPE is specified, some versions of IE do not support this attribute.

css empty-cells propertyexample

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table
{
border-collapse: separate;
empty-cells: hide;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td></td>
</tr>
</table>
<p><b>注释:</b>如果已规定 !DOCTYPE,
那么 Internet Explorer 8 (以及更高版本)支持 empty-cells 属性。</p>
</body>
</html>
Run instance »

Click the "Run instance" button to view the online instance

Popular Recommendations

Home

Videos

Q&A