Thuộc tính style bottom

Định nghĩa và cách sử dụng

bottom Thiết lập hoặc trả về vị trí đáy của yếu tố định vị.

Lưu ý:Yếu tố định vị là yếu tố có thuộc tính position được thiết lập là: relative, absolute hoặc fixed.

Lưu ý:Để thiết lập hoặc trả về vị trí đỉnh của yếu tố định vị, hãy sử dụng thuộc tính top.

Xem thêm:

Hướng dẫn CSS:Định vị CSS

Hướng dẫn CSS:Thuộc tính bottom

Mẫu

Ví dụ 1

Thiết lập vị trí đáy của yếu tố <button>:

document.getElementById("myBtn").style.bottom = "100px";

Thử ngay

Ví dụ 2

Thiết lập vị trí đáy của yếu tố <div>:

document.getElementById("myDiv").style.bottom = "10px";

Thử ngay

Ví dụ 3

Sử dụng giá trị âm để thiết lập vị trí đáy của yếu tố <div>:

document.getElementById("myDiv").style.bottom = "-100px";

Thử ngay

Ví dụ 4

Trả về vị trí đáy của yếu tố <div>:

alert(document.getElementById("myDiv").style.bottom);

Thử ngay

Cú pháp

Trả về thuộc tính bottom:

object.style.bottom

Đặt thuộc tính bottom:

object.style.bottom = "auto|length|%|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Bỏ qua để trình duyệt thiết lập vị trí đáy. Mặc định.
length Định nghĩa vị trí đáy bằng đơn vị chiều dài. Cho phép giá trị âm.
% Đặt vị trí đáy bằng phần trăm chiều cao của yếu tố cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ yếu tố cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: auto
Giá trị trả về: Chuỗi, biểu thị vị trí đáy của yếu tố định vị.
Phiên bản CSS: CSS2

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ