Home Whiteboard Graphing Calculator Online Compilers Articles Tools
Tutorials Courses Jobs

How to add an inline layer in HTML?

HTML Web Development Front End Technology

Use the tag to add an inline layer. The HTML 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 .

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

The HTML 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 tag −


   
      HTML ilayer Tag
   
   
      This word is shifted down, while this
      one is shifted over. With a negative value,
      words can be moved up and to the
      left.
Updated on: 2020-03-03T06:18:41+05:30

438 Views

Learn More in Our Tutorials

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements