Teach with us

How to add an inline layer in HTML?

Use the <ilayer> tag to add an inline layer. The HTML <ilayer> tag is used to create a layer that occupies space in the containing text flow. Subsequent content is placed after the space occupied by the <ilayer>.

This is in contrast to the <layer> tag, which creates a layer above the containing text flow, allowing subsequent content to be placed under the layer just created.

The HTML <ilayer> tag supports the following 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
Determines whether the inline layer is visible.

hide
inherit

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.

Example

You can try to run the following code to implement <ilayer> tag −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>
Updated on 03-Mar-2020 06:18:41

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements