section
.container
table
thead
tr.header
th
| Table attribute name
div Table attribute name
th
| Value
div Value
th
| Description
div Description
tbody
tr
td align
td left, center, right
td
| Not supported in HTML5. Deprecated in HTML 4.01. Specifies the alignment of a table according to surrounding text
tr
td bgcolor
td rgb(x,x,x), #xxxxxx, colorname
td
| Not supported in HTML5. Deprecated in HTML 4.01. Specifies the background color for a table
tr
td border
td 1,""
td Specifies whether the table cells should have borders or not
tr
td cellpadding
td pixels
td
| Not supported in HTML5. Specifies the space between the cell wall and the cell content
tr
td cellspacing
td pixels
td Not supported in HTML5. Specifies the space between cells
tr
td frame
td void, above, below, hsides, lhs, rhs, vsides, box, border
td
| Not supported in HTML5. Specifies which parts of the outside borders that should be visible
tr
td rules
td none, groups, rows, cols, all
td
| Not supported in HTML5. Specifies which parts of the inside borders that should be visible
tr
td summary
td text
td Not supported in HTML5. Specifies a summary of the content of a table
tr
td width
td pixels, %
td Not supported in HTML5. Specifies the width of a table
View Compiled
section {
position: relative;
border: 1px solid #000;
padding-top: 37px;
background: #500;
}
.container {
overflow-y: auto;
height: 300px;
}
table {
border-spacing: 0;
width: 100%;
}
td {
+ td {
border-left: 1px solid #eee;
}
border-bottom: 1px solid #eee;
background: #ddd;
color: #000;
padding: 10px 25px;
}
th {
border-bottom: 1px solid #eee;
background: #ddd;
padding: 10px 25px;
height: 0;
line-height: 0;
padding-top: 0;
padding-bottom: 0;
color: transparent;
border: none;
white-space: nowrap;
div {
position: absolute;
background: transparent;
color: #fff;
padding: 9px 25px;
top: 0;
margin-left: -25px;
line-height: normal;
border-left: 1px solid #800;
}
&:first-child div {
border: none;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.