Teach with us

HTML - <layer> Tag

Previous Page
Next Page  

Description

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 has support in Netscape 4 and higher versions of it.

Example

This example creates three overlapping layers. The back one is red, the middle one is blue, and the front one is green.

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

This will produce the following result, 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

Browser Support

Chrome Firefox IE Opera Safari Android
No No No No No No
html_tags_reference.htm
Previous Page Print Page Next Page  
Advertisements