Basic CSS Properties Visibility Tests
Visibility Property
Hidden by visibility
Visible by visibility
Child of hidden parent
Display Property
Hidden by display: none
Visible by display: block
Child of display: none parent
Opacity Property
Hidden by opacity: 0
Semi-transparent (opacity: 0.5)
Fully opaque (opacity: 1)
Child of opacity: 0 parent
Style Filters
Hidden by style filter: opacity(0)
Table Elements
Normal Cell
Normal Cell
Cell by visibility: collapse
Cell hidden by row's visibility: collapse
Block element inside an inline element
Pointer Events: None
Element with pointer-events: none
CSS Contain Property
contain: layout
contain: paint
contain: strict