書式
visibility:種類
対象
全ての要素
継承
しない
初期値
visible
バージョン
CSS Level 2
対応ブラウザ
Win IE4.0以降, Mac IE5.0, NN6.0以降, Firefox, Opera 6, Safari
解説
要素の表示方法を指定します。以下のものが指定できます。
| 設定名 | 内容 |
|---|
| visible | 表示する |
| hidden | 表示しない |
| collapse | 行／列除去 |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
.box1 { position:absolute;border:1px black solid;
left:10px;
top:10px;
width:300px;
height:100px;
}
.box2 { position:absolute;border:1px black solid;background-color:gray;
left:40px;
top:40px;
width:300px;
height:100px;
visibility:hidden;
}
--></style>
</head>
<body>
<div class="box1">CSS Sample Text</div>
<div class="box2">CSS Sample Text</div>
</body>
</html>