説明
ウィンドウの左上を基準としてそこからの横、縦方向の座標を指定する絶対位置にレイヤー表示します。
JavaScriptと組み合わせることでレイヤーの位置や表示/非表示等を変更したりするダイナミックHTMLを実現することができます。
サポート状況
文書型定義
- ○
- 対応
- △
- 廃止予定・非推奨
- −
- 廃止・未対応
| HTML | Compact HTML | ISO-HTML | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1.0 | 2.0 | 2.x | ＋ | 3.0 | 3.2 | 4.0 Mobile | 4.01 Strict | 4.01 Transitional | 4.01 Frameset |
Pre | ||
| − | − | − | − | − | − | − | − | − | − | − | − | − |
| XHTML | ||||||
|---|---|---|---|---|---|---|
| 1.0 Strict | 1.0 Transitional | 1.0 Frameset | 1.1 | Basic | MP | |
| − | − | − | − | − | − | |
ブラウザ
- ○
- 実装
- △
- 不完全な実装
- −
- 未実装
| Internet Explorer（win） | Netscape（win） | Opera | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1.0 | 2.0 | 3.0 | 4.0 | 5.0 | 5.5 | 6.0 | 1.0 | 2.0 | 3.0 | 4.0 | 6.0 | 7.0 | 6.0 | 7.0 |
| − | − | − | − | − | − | − | − | − | − | ○ | − | − | − | − |
| iMode | J-sky | EZ | |||||||
|---|---|---|---|---|---|---|---|---|---|
| 1.0 | 2.0 | 3.0 | 4.0 | 5.0 | 1.0 | 2.0 | 3.0 | 1.0 | 2.0 |
| − | − | − | − | − | − | − | − | − | − |
要素のデータ
各HTMLバージョンの、開始タグと終了タグのタグ省略の可否、子要素（要素の中身）、親要素、モジュールなど。
子要素の記号の意味はHTMLの要素辞典の見方参照。
| 開始タグ | 省略不可 |
|---|---|
| 終了タグ | 省略不可 |
| 子要素 | ブロック要素 / インライン要素 |
属性
- ◎ ＝ 必須
- ○ ＝ 対応
- − ＝ 廃止・未対応
- （○） ＝ 廃止予定・非推奨
- TF または F ＝ TransitionalとFrameset、またはFramesetのみ対応
- （TF）または（F） ＝ TransitionalとFramesetでまたはFramesetのみ対応しているが非推奨
- ブラウザの場合は記号ではなく対応しているバージョンのナンバーを記述しています。
- この表に使われる略称についてはHTMLの要素辞典の見方参照。
固有属性
| 属性名 | 属性の値 | HTML | XHTML | PC Browser | Mobile Browser | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1.0 | 2.0 | 2.x | ＋ | 3.0 | 3.2 | 4.0M | 4.01 | C | ISO | 1.0 | 1.1 | B | MP | IE | NN | O | i | J | Ez | ||
| src | URI | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤー内に表示する文書のURIを指定します。 | |||||||||||||||||||||
| name | name | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの名前を指定します。 | |||||||||||||||||||||
| width | 長さ | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの幅を指定します。 | |||||||||||||||||||||
| width | 長さ | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの高さを指定します。 | |||||||||||||||||||||
| bgcolor | 色 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの背景色を指定します。 | |||||||||||||||||||||
| background | URI | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの背景画像を指定します。 | |||||||||||||||||||||
| left | ピクセル値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの横方向の位置をページの左上隅からの絶対値で指定します。 | |||||||||||||||||||||
| top | ピクセル値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの縦方向の位置をページの左上隅からの絶対値で指定します。 | |||||||||||||||||||||
| pagex | ピクセル値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの横方向の位置を親ドキュメントからの相対値で指定します。 | |||||||||||||||||||||
| pagey | ピクセル値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの縦方向の位置を親ドキュメントからの相対値で指定します。 | |||||||||||||||||||||
| z-index | 数字 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの階層の順序を指定します。 | |||||||||||||||||||||
| above | 名前 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| 指定した名前のレイヤーの下に表示される。 | |||||||||||||||||||||
| below | 名前 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| 指定した名前のレイヤーの上に表示される。 | |||||||||||||||||||||
| clip | 座標数値 | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| レイヤーの可視領域の座標を左上右下の順に "10,20,70,80" のように指定します。
"10,20"と省略して二つだけ指定した場合は "0,0,10,20" 解釈される。 |
|||||||||||||||||||||
| visibility | show | hide | inherit | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
レイヤーの表示状態を指定します。
|
|||||||||||||||||||||
共通属性
| 属性名 | 属性の値 | HTML | XHTML | PC Browser | Mobile Browser | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1.0 | 2.0 | 2.x | ＋ | 3.0 | 3.2 | 4.0M | 4.01 | C | ISO | 1.0 | 1.1 | B | MP | IE | NN | O | i | J | Ez | ||
| style | スタイルシート | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| スタイルシートを設定します。 | |||||||||||||||||||||
| class | クラス名（NAME） | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| 要素のクラス名を設定します。 | |||||||||||||||||||||
| id | ID | − | − | − | − | − | − | − | − | − | − | − | − | − | − | − | 4.0のみ | − | − | − | − |
| 文書規模で一意的なIDを設定します。 | |||||||||||||||||||||
イベント属性
| イベント属性名 | HTML | XHTML | IE | NN | O | イベント発生状況 | |
|---|---|---|---|---|---|---|---|
| 4.01 | 1.0 | 1.1 | |||||
| onblur | − | − | − | − | 4.0のみ | − | フォーカスを失ったとき。 |
| onfocus | − | − | − | − | 4.0のみ | − | フォーカスされたとき。 |
| onload | − | − | − | − | 4.0のみ | − | ページが完全に読み込まれたとき。 |
| onmouseout | − | − | − | − | 4.0のみ | − | マウスが離れたとき。 |
| onmouseover | − | − | − | − | 4.0のみ | − | マウスが重なったとき。 |
使用例
<html>
<head>
<title>LAYER要素 使用例</title>
</head>
<body>
<layer bgcolor="#20b2aa"
top="10" left="10" WIDTH="200" height="50" z-index="1">レイヤー１</layer>
<layer bgcolor="#b0c4de"
top="30" left="130" WIDTH="100" height="80" z-index="4">レイヤー２</layer>
<layer bgcolor="#ffe4c4"
top="50" left="50" WIDTH="100" height="100" z-index="2">レイヤー３</layer>
</body>
</html>