Thuộc tính background-position trong CSS

Trang trước
Trang sau  

Thuộc tính background-position trong CSS xác định vị trí của hình nền. Các giá trị thường là một cặp chỉ tọa độ x, y. Giá trị mặc định là 0% 0%.

Thuộc tính background-position có thể nhận giá trị:

  • percent
  • none
  • length
  • top
  • center
  • bottom
  • left
  • right

Thuộc tính background-position có thể áp dụng cho:

Các phần tử Block-Level trong tài liệu.

Cú pháp thuộc tính background-position trong DOM

object.style.backgroundPosition = "10 30";

Ví dụ thuộc tính background-position trong CSS

Ví dụ sau minh họa cách thiết lập hình nền tại vị trí cách cạnh trái 100px.

<table style="background-image:url(/images/pattern1.gif);  background-position:100px;">
   <tr><td>
      Background image positioned 100 pixels away from the left.
   </td></tr>
</table>

Ví dụ tiếp theo minh họa cách xác định hình nền tại vị trí cách cạnh trái 100px và cách cạnh trên 200px.

<html>
   <head>
   </head>
   <body>
      <p style="background-image:url(../css/images/logo.png);  
         background-position:100px 200px;">
      Hinh nen cach canh trai 100 pixel va cach canh tren 200 pixel.
      </p>
   </body>
</html>
Quảng cáo

Kết quả là:

Công cụ giáo viên (2048.VN)

Tạo- trộn đề thi miễn phí từ file PDF, Word, Giao bài nhanh chóng, Hoàn toàn Free

Tạo đề, số hóa đề thi từ PDF/Word/Excel Nhập đề nhanh, trích xuất nội dung tự động. Trộn đề thành nhiều mã, Download/In đề thi offline Tạo nhiều mã đề khác nhau, xuất file hoặc in dễ dàng. Quản lý lớp học Theo dõi học sinh, điểm số và kết quả học tập trực quan. Giao bài tập, tổ chức thi kiểm tra trực tuyến Giao bài, chấm điểm và thống kê kết quả ngay trên hệ thống.
Khám phá công cụ
Trang trước
Trang sau  
Bài viết liên quan