visibility（表示非表示）

解説

表示非表示を指定する属性です。。

値	visible：通常の状態（表示されます） hidden：非表示（空白で表示） collapse：hiddenと同じ、テーブルのrows（行）columns（列）に使用
初期値	inherit
%値の基準
適用	すべてのエレメント
継承	しない

対応状況

visible

hidden

collapse

使用例

ソース

スタイル部に、

.hidden{visibility:hidden;}
.collapse{visibility:collapse;}

と記述し、

body部に、

<p>非表示のhiddenを指定しても空白で表示されているので、スペースは確保されます。<span class="hidden">このように表示されなくても、</span>レイアウトに影響を及ぼします。</p>
<table><tr><td class="collapse">レイアウトに影響を及ぼします。</td></tr></table>

と記述すると。

表示＆操作

非表示のhiddenを指定しても空白で表示されているので、スペースは確保されます。このように表示されなくても、レイアウトに影響を及ぼします。

レイアウトに影響を及ぼします。

　
と表示されます。

pokochan@mx1.tees.ne.jp