構文

<layer>
  ：
</layer>

説明文

　<layer>タグは，レイヤーを構成するタグである。レイヤーを用いると，座標を指定することで自由にオブジェクトを配置できる。この際，Webページの左上を基準にして座標を指定する。

　また，あたかも複数のオブジェクトを重ね合わせることが可能な機能で，画像の上に文字を配置したり，ブロック要素を重ね合わせることも可能である。「z-index」属性で重なり順を指定することが可能である。

　しかし，<layer>タグはNetscape Navigator独自のタグであり，HTML 4.0に取り入られなかった。また，Netscape 6から非対応になっていす。そのため，<layer>タグに対応するWebブラウザはほとんど無いのが現状である。

　HTML 4ではCSSを利用して<layer>タグの持つ機能を実現できる場合もある。例えば，オブジェクトの重なり順はCSSの「z-index」で設定できる。

サンプル

HTMLソース

<layer bgcolor="#80FFFF"
  top="0"  left="0"  width="100" height="100">レイヤー1</layer>
<layer bgcolor="#FF80FF"
  top="30" left="30"width="100" height="100">レイヤー2</layer>
<layer bgcolor="#FFFF80"
  top="60" left="60" width="100" height="100">レイヤー3</layer>

ブラウザ表示例

レイヤー1 　
　 レイヤー2
　 　 レイヤー3
　 　 　
　 　

※現在のWebブラウザは未対応なため，<table>タグで表示いている。


対応状況

HTML IE Firefox Opera
4 strict 4 Transitional 5 6 7 2 3 8 9
× × × × × × × × ×

要素，タグ

タグ要素 Webブラウザ独自要素
包括可能要素 ブロック要素，インライン要素
タグ記述条件 開始タグ：必須　終了タグ：必須

属性

よく利用する属性

属性 意味 対応
HTML 4s HTML 4t その他
background=URL レイヤーの背景に表示する画像のURLを指定する × × NN
bgcolor=色 レイヤーの背景色を指定する × × NN
height=高さ レイヤーの高さを指定する。単位はピクセル。割合で指定する場合は末尾に%を付加する × × NN
src=URL レイヤー内に表示する文書のURLを指定する × × NN
width=幅 レイヤーの横幅を指定する。単位はピクセル。割合で指定する場合は末尾に%を付加する × × NN
z-index=順序 レイヤーの重なり順序を指定する。値が大きいほど上に表示するレイヤーとなる × × NN

その他の属性

属性 意味 対応
HTML 4s HTML 4t その他
above=レイヤー 対象のレイヤーと比べてレイヤーの重なり順序を指定する。このレイヤーは指定したレイヤーよりも上に配置される。対象となるレイヤーのnameやid属性を指定する × × NN
below=レイヤー 対象のレイヤーと比べてレイヤーの重なり順序を指定する。このレイヤーは指定したレイヤーよりも下に配置される。対象となるレイヤーのnameやid属性を指定する × × NN
class=クラス名 このタグのクラス名。CSSでスタイルを指定する場合などに利用される × × NN
clip=範囲 レイヤー上の表示する範囲を指定する。範囲は左，上，右，下の順にカンマで区切って指定する。単位はピクセル × × NN
id=ID タグのID。ダイナミックHTMLでタグを操作する場合や，Java Scriptでのタグの制御，個別にスタイルを指定する場合などに利用する × × NN
left=位置 左からの横方向の表示位置を指定する。単位はピクセル × × NN
pagex=位置 親要素に対して横方向の配置位置を指定する。単位はピクセル × × NN
pagey=位置 親要素に対して縦方向の配置位置を指定する。単位はピクセル × × NN
style=スタイル タグのスタイル。スタイルの指定方法については「CSSの基本 (2) CSSの記述位置」を参照 × × NN
title=タイトル タグのタイトル。一般的にタグの補足情報を記述する。一般的なWebブラウザでは，タグ上にマウス・ポインタを乗せるとツール・チップにtitle属性に指定した内容を表示する × × NN
top=位置 上からの縦方向の表示位置を指定する。単位はピクセル × × NN
visibility=値 レイヤーの表示設定を行う。「show」を指定すると表示，「hidden」を指定すると非表示，「inherit」を指定すると親要素の設定を継承する × × NN

関連項目