displayとvisibilityの設定

displayとvisibilityの設定を書き残しておきたくて

display

JavaScriptで設定する場合

要素が表示されていない状態
element.style.display = "none";


前後に改行のある表示
element.style.display = "block";

前後に改行のない表示
element.style.display = "inline";

HTMLで設定する場合

style="display: none;"
style="display: block;"
style="display: inline;"

CSSで設定する場合

{display: none;}
{display: block;}
{display: inline;}

---

visibility

JavaScriptで設定する場合

要素がそこに表示されているが見えない状態
element.style.visibility = "hidden";


見える状態
element.style.visibility = "visible";

HTMLで設定する場合

style="visibility: hidden;"
style="visibility: visible;"

CSSで設定する場合

{visibility: hidden;}
{visibility: visible;}

---