Thuộc tính bottom trong CSS

Trang trước
Trang sau  

Thuộc tính bottom trong CSS xác định một Offset cho cạnh dưới của một phần tử.

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

  • length: một khoảng cách cố định từ cạnh dưới của ngữ cảnh bạn sử dụng để xác định vị trí (giả sử cửa sổ window hiển thị phần tử đó).

  • percent: Nếu chiều cao của ngữ cảnh bạn sử dụng để xác định vị trí được xác định rõ ràng, thì giá trị phần trăm này sẽ căn cứ vào chiều cao đó để xác định khoảng cách. Còn nếu không, khoảng cách sẽ được xác định tự động như trường hợp auto.

  • auto: Giá trị mặc định. Tức là trình duyệt tự tính toán khoảng cách cho cạnh dưới với bottom của ngữ cảnh.

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

Tất cả phần tử HTML mà đã được xác định vị trí.

Cú pháp thuộc tính bottom trong DOM

object.style.bottom = "2px";

Ví dụ thuộc tính bottom trong CSS

Dưới đây là ví dụ minh họa hiệu ứng của thuộc tính bottom trong CSS.

<html>
   <head>
   </head>
   <body>
      <p style="position:absolute; bottom:50px;">
      Dong text nay se duoc dat tai vi tri cach canh duoi (bottom) cua cua so Window mot khoang cach la 50 px.
      </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