Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
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: 2020-03-03T06:18:41+05:30
352 Views
Advertisements