ใช้แท็ก <ilayer> เพื่อเพิ่มเลเยอร์แบบอินไลน์ (inline layer) แท็ก HTML <ilayer> ใช้สร้างเลเยอร์ที่ครอบครองพื้นที่ในข้อความที่ครอบคลุม เนื้อหาต่อไปจะวางหลังพื้นที่ที่ <ilayer> ครอบครอง
ต่างจากแท็ก <layer> ที่สร้างเลเยอร์เหนือข้อความที่ครอบคลุม อนุญาตให้เนื้อหาต่อไปวางใต้เลเยอร์ที่เพิ่งสร้าง
สถานะ: แท็ก <ilayer> และ <layer> เป็นของ Netscape 4 Deprecated และล้าสมัยแล้ว ไม่รองรับในเบราว์เซอร์สมัยใหม่
แอตทริบิวต์ (สำหรับการอ้างอิงทางประวัติศาสตร์)
| แอตทริบิวต์ | ค่า | คำอธิบาย |
|---|---|---|
| above | layer name | ชื่อ inline layer ที่จะวางเหนือ layer ปัจจุบันใน z-order |
| background | URL | ชื่อไฟล์หรือ URL รูปภาพสำหรับพื้นหลัง inline layer |
| below | layer name | ชื่อ inline layer ที่จะวางใต้ layer ปัจจุบันใน z-order |
| bgcolor | rgb(x,x,x), #xxxxxx, colorname | สีพื้นหลัง inline layer |
| clip | number | พิกัดพื้นที่มองเห็นของ inline layer |
| height | pixels | ความสูง inline layer (พิกเซล) |
| left | number | ตำแหน่งด้านซ้ายของ inline layer |
| name | layer name | ชื่อของ inline layer |
| pagex | number | ตำแหน่งซ้ายสัมพัทธ์กับหน้าต่างเบราว์เซอร์ |
| pagey | number | ตำแหน่งบนสัมพัทธ์กับหน้าต่างเบราว์เซอร์ |
| src | URL | URL หน้าที่จะแสดงใน inline layer |
| top | number | ตำแหน่งบนของ inline layer |
| visibility | show, hide, inherit | กำหนดความมองเห็นของ inline layer |
| width | pixels | ความกว้าง inline layer (พิกเซล) |
| z-index | number | ตำแหน่งใน z-order ค่าสูง = อยู่เหนือ |
ตัวอย่าง (สำหรับการอ้างอิง)
<!DOCTYPE html>
<html>
<head>
<title>HTML ilayer Tag</title>
</head>
<body>
นี้ <ilayer top="4">คำ</ilayer> ขยับลง ในขณะที่
<ilayer left="10">นี้</ilayer> ขยับไปขวา ด้วยค่าลบ
คำสามารถขยับ <ilayer top="-4">ขึ้น</ilayer> และ
<ilayer left="-10">ซ้าย</ilayer>.
</body>
</html>
เทคโนโลยีแทนที่สมัยใหม่: CSS Positioning (position: absolute/relative/fixed/sticky), z-index, Flexbox, Grid
