Chapter 11 - Visual effects - 11.2 Visibility: the 'visibility' property
Go to the relevant page of the specification.
- visibility-001
-
Visibility set to 'collapse'
A block with 'visibility' set to 'collapse' will not be rendered on the page but will still affect layout flow. - visibility-002
-
Visibility set to 'hidden'
A block with 'visibility' set to 'collapse' will not be rendered on the page but will still affect layout flow. - visibility-003
-
Visibility set to 'visible'
A block with 'visibility' set to 'visible' will be rendered on the page. - visibility-004
-
Visibility set to 'inherit'
A block can inherit its 'visibility' behavior from its parent container. - visibility-005 (ahem)
-
visibility - descendants of a 'visibility: hidden' element
Descendants of a 'visibility: hidden' element will be visible if they have 'visibility: visible' - visibility-applies-to-001
-
Visibility applied to elements with 'display' set to 'table-row-group'
The 'visibility' property applies to elements with 'display' set to 'table-row-group'. - visibility-applies-to-002
-
Visibility applied to elements with 'display' set to 'table-header-group'
The 'visibility' property applies to elements with 'display' set to 'table-header-group'. - visibility-applies-to-003
-
Visibility applied to elements with 'display' set to 'table-footer-group'
The 'visibility' property applies to elements with 'display' set to 'table-footer-group'. - visibility-applies-to-004
-
Visibility applied to elements with 'display' set to 'table-row'
The 'visibility' property applies to elements with 'display' set to 'table-row'. - visibility-applies-to-005
-
Visibility applied to elements with 'display' set to 'table-column-group'
The 'visibility' property applies to elements with 'display' set to 'table-column-group'. - visibility-applies-to-006
-
Visibility applied to elements with 'display' set to 'table-column'
The 'visibility' property applies to elements with 'display' set to 'table-column'. - visibility-applies-to-007
-
Visibility applied to elements with 'display' set to 'table-cell'
The 'visibility' property applies to elements with 'display' set to 'table-cell'. - visibility-applies-to-008
-
Visibility applied to elements with 'display' set to 'inline'
The 'visibility' property applies to elements with 'display' set to 'inline'. - visibility-applies-to-009
-
Visibility applied to elements with 'display' set to 'block'
The 'visibility' property applies to elements with 'display' set to 'block'. - visibility-applies-to-010
-
Visibility applied to elements with 'display' set to 'list-item'
The 'visibility' property applies to elements with 'display' set to 'list-item'. - visibility-applies-to-012
-
Visibility applied to elements with 'display' set to 'inline-block'
The 'visibility' property applies to elements with 'display' set to 'inline-block'. - visibility-applies-to-013
-
Visibility applied to elements with 'display' set to 'table'
The 'visibility' property applies to elements with 'display' set to 'table'. - visibility-applies-to-014
-
Visibility applied to elements with 'display' set to 'inline-table'
The 'visibility' property applies to elements with 'display' set to 'inline-table'. - visibility-applies-to-015
-
Visibility applied to elements with 'display' set to 'table-caption'
The 'visibility' property applies to elements with 'display' set to 'table-caption'. - visibility-block-001
-
Visibility 'collapse' on non-table row or column elements
The 'visibility' property set to 'collapse' acts like 'hidden' when applied to non-table row or column elements. - visibility-collapse-001 (dom, interact)
-
CSS Tables: Visibility
- visibility-descendants-001
-
Descendents of hidden elements can specify a different visibility
Descendents of a hidden element will be visible if they have 'visibility' set to 'visible'. - visibility-layout-001
-
Hidden elements still affect layout
Invisible boxes still affect layout.