CSS 要素を隠す・非表示 display none と visibility hidden - LemonteaのUnity部屋

こんにちは。レモンティーです。 今回は、CSSで要素の非表示をやります。 使うのは display : none と visibility : hidden です。 これらはともに要素を見えなくしてくれますが違いがあります。 display : noneだと そもそも存在しないかのように扱われますが visibility : hiddenだと 表示されていた領域はあいかわらず確保されるので 本当にただ見えなくなる、という感じです。 実際にみたほうがピンときやすいかもしれません ↓の三つの四角のうち、真ん中の灰色のものを 両方のやり方で見えなくしてみます。 cubeAcubeBcubeC display : noneの場合 cubeAcubeBcubeC visibility : hiddenの場合 cubeAcubeBcubeC 確かにdisplay : noneの場合は無かったようになり