empty-cells

Overview

W3C

Properties

background

background-attachment

The empty-cells property controls the rendering of borders and backgrounds around cells that have no visible content.

CSS2


                                empty-cells: show | hide | inherit

Initial:	show
Applies To:	table-cell elements
Inherited:	yes
Percentages:	NA
Media:	visual

Note: Doctype is required for Internet Explorer 8+

Values
DOM
Example | Values | hide
Example | Values | show
Example | DOM
Reference


                                empty-cells: value;


Value:	Description:
hide	Borders and backgrounds are not drawn
inherit	Takes the same computed value as the property for the element's parent
show	Borders and backgrounds are drawn


                                [window.]document.getElementById("element-id").style.emptyCells = "empty-cells";

<!doctype html>
<html>
  <head>
    <title>empty-cells</title>
  </head>
  <body>
    <a href="/" onmouseover="mouseover1();">show</a>
    <a href="/" onmouseover="mouseover2();">hide</a><br>
    <table>
      <tr>
        <td id="id1">cell</td>
        <td id="id2"></td>
      </tr>
      <tr>
        <td id="id3">cell</td>
        <td id="id4">cell</td>
      </tr>
    </table>
  </body>
  <script type="text/javascript">
    function mouseover1() {
      document.getElementById("id2").style.emptyCells = "show";
    }
    function mouseover2() {
      document.getElementById("id2").style.emptyCells = "hide";
    }
    document.getElementById("id1").style.backgroundColor = "yellow";
    document.getElementById("id1").style.border          = "1px solid black";
    document.getElementById("id2").style.backgroundColor = "yellow";
    document.getElementById("id2").style.border          = "1px solid black";
    document.getElementById("id3").style.backgroundColor = "yellow";
    document.getElementById("id3").style.border          = "1px solid black";
    document.getElementById("id4").style.backgroundColor = "yellow";
    document.getElementById("id4").style.border          = "1px solid black";
  </script>
</html>

W3C Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

CSS

Values

DOM

Example | Values | hide

Example | Values | show

Example | DOM

Reference