LANG SELRCT

コードを書く場所についてはこちら

2017年12月18日月曜日

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;}