visibility CSS プロパティとは
トピック：要素が画面に表示されるかどうかを指定する、事ができるつまり、要素によって生成されたボックスがレンダリングされるかどうかです。displayプロパティを使用すると、ドキュメントレイアウトから要素を非表示にしたり、削除したりできる
プロパティ visibility
基本 書式：セレクタ {visibility:値;}
実例 コード 1
サンプル コードを試すp { visibility: hidden;}div { visibility: hidden;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | visible |
|---|
| 適用対象 : | 全要素 |
|---|
| 継承 : | 継承する |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS2 ～ |
|---|
| アニメーションの種類 : | visibility |
|---|
| JavaScript 構文 | object.style.visibility="funWebref" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | visibility: visible | hidden | collapse | initial | inherit; |
|---|
プロパティ値
| 値 | 説明 |
visible | ボックスとその内容が表示される 要素が可視です これはデフォルトです。 |
hidden | ボックスとその内容は見えませんが、要素は隠される ページのレイアウトには影響する。 |
collapse | テーブル行（<tr>）、行グループ（<tbody>）、列（<col>）、列グループ（<colgroup>）のみ。この値は行または列を削除しますが、表のレイアウトには影響しません。行または列が占めるスペースは、他のコンテンツにも使用できる 折りたたみが他の要素で使用されている場合は、「隠し」と表示される |
inherit | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本サポート | 1.0 | 1.0 (1.7 or earlier) | 4.0 | 4.0 | 1.0 |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Android | Chrome for Android | Firefox Mobile | IE Mobile | Opera Mobile | Safari Mobile |
|---|
| 基本サポート | 1.0 | 1.0 | 1.0 (1.0) | 6.0 | 6.0 | 1.0 |
|---|
CSS visibility | CSS プロパティ 値| 意味 使い方 実例 – WebRef