空单元 | empty-cells (Miscellaneous Level 2) - CSS 中文开发手册 - Break易站

  CSS 中文开发手册

空单元 | empty-cells (Miscellaneous Level 2) - CSS 中文开发手册

empty-cells

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

/* 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没有边界或背景绘制。

形式语法

show | hide

例

HTML

<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

.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

  CSS 中文开发手册

  本文标题：空单元 | empty-cells (Miscellaneous Level 2) – CSS 中文开发手册 - Break易站

转载请保留页面地址：https://www.breakyizhan.com/css/32157.html