The visibility CSS property has two purposes:
1) The hidden value hides an element but leaves space where it would have been.
 
2) The collapse value hides rows or columns of a table. It also collapses XUL elements.
Values
visibility: visible
visibility: hidden
visibility: collapse
visibility: inherit
<!DOCTYPE html> <html> <head> <style> .p1 { visibility: hidden; } /* paragraphs won't be visible */ .showme { visibility: visible; } /* except of these with class showme */ .col { visibility: collapse; } /* table rows with class col will collapse */ </style> </head> <body> <p class="p1"> The quick brown red fox jumps over the lazy dog The quick brown red fox jumps over the lazy dog </p> <p class="showme"> The quick brown red fox jumps over the lazy dog The quick brown red fox jumps over the lazy dog </p> <p class="col"> The quick brown red fox jumps over the lazy dog The quick brown red fox jumps over the lazy dog </p> </body> </html>