HTML - <layer> Tag

The HTML <layer> tag is used to position and animate (through scripting) elements in a page. A layer can be thought of as a separate document that resides on top of the main one, all existing within one window.

This tag was implemented only in thr Netscape4 and is ignored by all other browsers.

Example

Let's look at the following example, where we are going to use the layer tag.

<!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>

When we run the above code, it will generate an output consisting of the text displayed on the webpage. it will work in Netscape 4 and higher versions.

Global Attributes

This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes

The HTML <layer> tag also supports the following additional attributes −

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.

Event Attributes

This tag supports all the event attributes described in − HTML Events Reference