visibility属性

■概要

visibility属性は、タグの表示・非表示を指定します。
下記の4つの値あり、デフォルトはinheritです。

visible：表示する

hidden：非表示にする(自身の領域は維持する)

collapse：重ねて指定する(テーブルの行と列要素のみ指定でき、それ以外の要素では「hidden」と解釈する)

inherit：親要素の値を継承する

■使用方法

#box1 { visibility: hidden; }

■例

<html>
<head>
<style>
　.box{
　　width: 100px;
　　height: 100px;
　　background-color: #09C;
　}
　#box1{ visibility: hidden }
　#box2{ visibility: visible }
</style>
</head>
<body>
　<div id=”box1″ class=”box”></div>
　<div id=”box2″ class=”box”></div>
</body>
</html>

出力結果

当サイトは広告を含めています。広告のクリックによる収益は全て当サイトの管理、維持、コンテンツ製作に使われます。