visibility

提供: ASCII.jp CSSリファレンス

役割・機能 要素の表示/非表示を設定する
適用 すべて
継承の有無 継承なし
書式

セレクタ { visibility: }

目次

visibilityプロパティの説明

要素の表示、非表示を指定します。hiddenで非表示にしても、その要素ボックス自体は生成されます。displayプロパティのnoneとの違いはそこで、「display:none」の場合は要素自体が生成されません。

visibilityプロパティに指定可能な値

属性値 説明
visible 表示する
hidden 表示しない
collapse 表の列・行の非表示

※1:IEではブロックのサイズが中身に合わせて拡張 ※2:ブラウザに依存

visibilityプロパティの記述例

 <style type="text/css">
  <!--
   h3 {background-color:#ffcc66}
   .div {float:right; 
        visibility: hidden}
  -->
 </style>
</head>
<body>
 <h3>小象のしっぽ</h3>
 <div class="div">
 <img src="image/shippo3.jpg"></div>
 <div>shippo no kimochi shippo no kimochi shippo no kimochi shippo no kimochi shippo no kimochi shi</div>
 

visibilityプロパティの表示例


visibilityプロパティの関連項目

Powered by Web Professional

目次