17.6 Borders

Chapter 17 - Tables - 17.6 Borders

Go to the relevant page of the specification.

border-collapse-001
Border-collapse set to 'collapse'
A table with 'border-collapse' set to 'collapse' collapses the borders between its cells.
border-collapse-002
Border-collapse set to 'separate'
A table with 'border-collapse' set to 'separate' separates the borders between its cells.
border-collapse-003
Border-collapse set to 'inherit'
A table can inherit its 'border-collapse' behavior from its parent container.
border-collapse-applies-to-001
Border-collapse and 'display: inline' elements
Border-collapse does not apply to 'display: inline' elements.
border-collapse-applies-to-002
Border-collapse and 'display: block' elements
Border-collapse does not apply to 'display: block' elements.
border-collapse-applies-to-003
Border-collapse and 'display: list-item' elements
Border-collapse and 'display: list-item' elements.
border-collapse-applies-to-005
Border-collapse and 'display: inline-block' elements
Border-collapse does not apply to 'display: inline-block' elements.
border-collapse-applies-to-006
Border-collapse and 'display: table' elements
Border-collapse applies to 'display: table' elements.
border-collapse-applies-to-007
Border-collapse and 'display: inline-table' elements
Border-collapse applies to 'display: inline-table' elements.
border-collapse-applies-to-008
Border-collapse and 'display: table-row-group' elements
Border-collapse does not apply to 'display: table-row-group' elements.
border-collapse-applies-to-009
Border-collapse and 'display: table-header-group' elements
Border-collapse does not apply to 'display: table-header-group' elements.
border-collapse-applies-to-010
Border-collapse and 'display: table-footer-group' elements
Border-collapse does not apply to 'display: table-footer-group' elements.
border-collapse-applies-to-011
Border-collapse and 'display: table-row' elements
Border-collapse does not apply to 'display: table-row' elements.
border-collapse-applies-to-012
Border-collapse and 'display: table-column' elements
Border-collapse does not apply to 'display: table-column' elements.
border-collapse-applies-to-013
Border-collapse and 'display: table-column-group' elements
Border-collapse does not apply to 'display: table-column-group' elements.
border-collapse-applies-to-014
Border-collapse and 'display: table-cell' elements
Border-collapse does not apply to 'display: table-cell' elements.
border-collapse-applies-to-015
Border-collapse and 'display: table-caption' elements
Border-collapse does not apply to 'display: table-caption' elements.
border-collapse-applies-to-016
Border-collapse and 'display: none' elements
Border-collapse does not apply to 'display: none' elements.
border-collapse-applies-to-017
Border-collapse and 'display: inherit' elements
Border-collapse does not apply to 'display: inherit' elements which do not inherit the value of 'table' or 'inline-table'.
border-collapse-inherited-001
Border-collapse is inherited by default
Border-collapse is inherited by default.
border-collapse-initial-001
Initial value of border-collapse
The initial value of border-collapse is 'separate'.