Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để thêm một lớp nội tuyến trong HTML?


Sử dụng thẻ để thêm một lớp nội tuyến. Thẻ HTML được sử dụng để tạo một lớp chiếm không gian trong luồng văn bản chứa. Nội dung tiếp theo được đặt sau khoảng trống bị chiếm bởi .

Điều này trái ngược với thẻ , thẻ này tạo ra một lớp phía trên luồng văn bản có chứa, cho phép nội dung tiếp theo được đặt dưới lớp vừa tạo.

Thẻ HTML hỗ trợ các thuộc tính sau -

Thuộc tính
Giá trị
Mô tả
ở trên
lớp
Tên
Tên của lớp nội tuyến sẽ được định vị ngay trên lớp hiện tại theo thứ tự z.
background
URL
Tên tệp hoặc URL cho hình ảnh mà văn bản và hình ảnh của lớp nội tuyến sẽ xuất hiện.
bên dưới
lớp
Tên
Tên của lớp nội tuyến sẽ được định vị ngay bên dưới lớp hiện tại theo thứ tự z.
bgcolor
rgb (x, x, x)
#xxxxxx
tên màu
Màu để sử dụng cho nền lớp nội tuyến.
clip
số
Tọa độ của vùng có thể xem được của lớp nội tuyến.
height
pixel
Chiều cao của lớp nội tuyến, tính bằng pixel.
trái
số
Vị trí bên trái của lớp nội tuyến. Nếu lớp nội tuyến hiện tại là một phần của lớp khác. Được gọi là lớp mẹ - thì vị trí tương đối với lớp mẹ.
tên
lớp
Tên
Tên của lớp nội tuyến.
pagex
số
Vị trí bên trái của lớp nội tuyến so với cửa sổ trình duyệt.
trang
số
Vị trí của lớp nội tuyến so với cửa sổ trình duyệt.
src
URL
URL của trang sẽ xuất hiện bên trong lớp nội tuyến.
đầu trang
số
Vị trí trên cùng của lớp nội tuyến. Nếu lớp nội tuyến hiện tại là một phần của lớp khác - được gọi là lớp mẹ - thì vị trí là liên quan đến lớp mẹ.
khả năng hiển thị
hiển thị
Xác định xem lớp nội tuyến có hiển thị hay không.

ẩn
thừa kế

width
pixel
Chiều rộng của lớp nội tuyến, tính bằng pixel.
z-index
số
Vị trí của lớp nội tuyến trong thứ tự z. Các lớp nội tuyến có giá trị Z-INDEX cao hơn được đặt ở trên các lớp nội tuyến có giá trị Z-INDEX thấp hơn.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thẻ -

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