Thuộc tính bottom trong CSS

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ó app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học CSS phổ biến khác tại vietjack.com: