Thuộc tính dưới cùng kiểu
Thí dụ
Đặt vị trí dưới cùng của phần tử <button>:
document.getElementById("myBtn").style.bottom = "100px";
Định nghĩa và Cách sử dụng
Thuộc tính bottom đặt hoặc trả về vị trí dưới cùng của một phần tử được định vị.
Thuộc tính này chỉ định vị trí dưới cùng của phần tử bao gồm phần đệm, thanh cuộn, đường viền và lề.
Mẹo: Phần tử được định vị là phần tử có thuộc tính vị trí được đặt thành: tương đối, tuyệt đối hoặc cố định.
Mẹo: Để đặt hoặc trả lại vị trí trên cùng của một phần tử được định vị, hãy sử dụng thuộc tính trên cùng .
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
bottom | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính dưới cùng:
object.style.bottom
Đặt thuộc tính dưới cùng:
object.style.bottom = "auto|length|%|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
auto | Lets the browser set the bottom position. This is default |
length | Defines the bottom position in length units. Negative values are allowed |
% | Sets the bottom position in % of the height of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | Tự động |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho vị trí dưới cùng của một phần tử được định vị |
Phiên bản CSS | CSS2 |
Các ví dụ khác
Thí dụ
Đặt vị trí dưới cùng của phần tử <div>:
document.getElementById("myDiv").style.bottom = "10px";
Thí dụ
Sử dụng các giá trị âm - Đặt vị trí dưới cùng của phần tử <div>:
document.getElementById("myDiv").style.bottom = "-100px";
Thí dụ
Trả lại vị trí dưới cùng của phần tử <div>:
alert(document.getElementById("myDiv").style.bottom);
Các trang liên quan
Hướng dẫn CSS: Định vị CSS
Tham chiếu CSS: thuộc tính dưới cùng
❮ Đối tượng phong cách