HTML-<layer>タグ

説明

HTML <layer>タグは、ページ内の要素を（スクリプトを介して）配置およびアニメーション化するために使用されます。レイヤーは、メインのドキュメントの上にある個別のドキュメントと考えることができ、すべてが1つのウィンドウ内に存在します。

このタグは、Netscape 4以降のバージョンでサポートされています。

例

この例では、重なり合う3つのレイヤーを作成します。背面の1つは赤、中央の1つは青、前面の1つは緑です。

<!DOCTYPE html>
<html>

   <head>
      <title>HTML layer Tag</title>
   </head>

   <body>
      <layer id = "layer1" top = "250" left = "50" width = "200"
         height = "200" bgcolor = "red">
         <p>layer 1</p>
      </layer>

      <layer id = "layer2" top = "350" left = "150" width = "200"
         height = "200" bgcolor = "blue">
         <p>layer 2</p>
      </layer>

      <layer id = "layer3" top = "450" left = "250" width = "200"
         height = "200" bgcolor = "green">
         <p>layer 3</p>
      </layer>
   </body>

</html>

これにより次の結果が生成され、Netscape 4以降のバージョンで動作します。

グローバル属性

このタグは、− link：/html/html_attributes_reference [HTML属性リファレンス]で説明されているすべてのグローバル属性をサポートします

特定の属性

HTML <layer>タグは、次の追加属性もサポートしています-

Attribute	Value	Description
above	layer name	The name of the inline layer that will be positioned directly above the current layer in the z-order.
background	URL	A filename or URL for an image upon which the inline layer’s text and images will appear.
below	layer name	The name of the inline layer that will be positioned directly below the current layer in the z-order.
bgcolor	rgb(x,x,x) #xxxxxx colorname	The color to use for the inline layer background.
clip	number	The coordinates of the inline layer’s viewable area.
height	pixels	The inline layer’s height, in pixels.
left	number	The position of the left side of the inline layer. If the current inline layer is part of another layer.called the parent layer-then the position is relative to the parent layer.
name	layer name	The name of the inline layer.
pagex	number	The position of the left side of the inline layer relative to the browser window.
pagey	number	The position of the top of the inline layer relative to the browser window.
src	URL	The URL of a page that will appear inside the inline layer.
top	number	The position of the top of the inline layer. If the current inline layer is part of another layer—called the parent layer—then the position is relative to the parent layer.
visibility	show hide inherit	Determines whether the inline layer is visible.
width	pixels	The inline layer’s width, in pixels.
z-index	number	The inline layer’s position within the z-order. Inline layers with higher Z-INDEX values are positioned above inline layers with lower Z-INDEX values.

イベント属性

このタグは、− link：/html/html_events_reference [HTMLイベントリファレンス]で説明されているすべてのイベント属性をサポートします。

ブラウザのサポート

Chrome	Firefox	IE	Opera	Safari	Android
No	No	No	No	No	No

Html-layer-tag

目次

HTML-<layer>タグ

説明

例

グローバル属性

特定の属性

イベント属性

ブラウザのサポート