首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

空单元 | empty-cells

empty-cells

empty-cellsCSS属性指定用户端应该如何渲染周围的边框和背景<table>有没有可见的内容的单元格。此属性时才适用border-collapseseparate

代码语言:javascript
复制
/* Keyword values */
empty-cells: show;
empty-cells: hide;

/* Global values */
empty-cells: inherit;
empty-cells: initial;
empty-cells: unset;

Initial value

show

应用对象

table-cell elements

是否可继承

yes

媒体

visual

计算值

as specified

动画类型

discrete

规范顺序

the unique non-ambiguous order defined by the formal grammar

语法

empty-cells属性被指定为下面列出的关键字值之一。

show边界和背景像正常区块一样绘制。

hide没有边界或背景绘制。

形式语法

代码语言:javascript
复制
show | hide

HTML

代码语言:javascript
复制
<table class="table_1">
  <tr>
    <td>Moe</td>
    <td>Larry</td>
  </tr>
  <tr>
    <td>Curly</td>
    <td></td>
  </tr>
</table>

<table class="table_2">
  <tr>
    <td>Moe</td>
    <td>Larry</td>
  </tr>
  <tr>
    <td>Curly</td>
    <td></td>
  </tr>
</table>

CSS

代码语言:javascript
复制
.table_1 {
  empty-cells: show;
}

.table_2 {
  empty-cells: hide;
}

td,
th {
  border: 1px solid gray;
  padding: 0.5rem;
}

结果

规范

Specification

Status

Comment

CSS Level 2 (Revision 1)The definition of 'empty-cells' in that specification.

Recommendation

Initial definition.

浏览器兼容性

Feature

Chrome

Edge

Firefox (Gecko)

Internet Explorer

Opera

Safari

Basic support

1.0

(Yes)

1.0 (1.7 or earlier)

8.0

4.0

1.2

Feature

Android

Edge

Firefox Mobile (Gecko)

IE Phone

Opera Mobile

Safari Mobile

Basic support

1

(Yes)

1.0 (1.0)

8

6

3.1

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com