Copyright © tutorialspoint.com

# HTML <layer> tag

## Function:

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.

## Difference between HTML and XHTML:

NONE

## Example:

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

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

This will produce following result:

layer 1 layer 2 layer 3

## Online Practice:

To Become more comfortable - Do Online Practice

## 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.

## Standard Attributes:

Attribute | Description
--- | ---
class | Document wide identifier
id | Document wide identifier
style | Helps to include inline casecadubf style sheet.

Copyright © tutorialspoint.com