CSSで要素を表示したり非表示にしたりする方法

CSSで要素を非表示にする方法をメモしておきます．

display プロパティに none を指定すると，要素は完全に表示されなくなります．

<span style="{display: none;}">要素</span>を非表示

visibility プロパティに hidden を指定すると，要素は表示されませんが，表示領域は確保されます．

<span style="{visibility: hidden;}">要素</span>を非表示

[1] スタイルシート CSS / ボックス / 表示・非表示を指定する
http://www.tagindex.com/stylesheet/box/visibility.html