Thuộc tính style top

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

top Thuộc tính thiết lập hoặc trả về vị trí trên cùng của phần tử định vị.

Thuộc tính này quy định vị trí trên cùng của phần tử, bao gồm lề trong, thanh cuộn, viền và lề ngoài.

Lưu ý:Phần tử định vị là Thuộc tính position Đặt thành:relative、absolute hoặc fixed.

Lưu ý:Để thiết lập hoặc trả về vị trí dưới cùng của phần tử định vị, hãy sử dụng Thuộc tính bottom.

Xem thêm:

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

Tài liệu tham khảo CSS:Thuộc tính top

Mô hình

Ví dụ 1

Đặt vị trí trên cùng của phần tử <button>:

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

Thử ngay

Ví dụ 2

Sử dụng giá trị âm - Đặt vị trí trên cùng của phần tử <div>:

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

Thử ngay

Ví dụ 3

Trả về vị trí trên cùng của phần tử <div>:

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

Thử ngay

Cú pháp

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

object.style.top

Đặt thuộc tính top:

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

Giá trị thuộc tính

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

Chi tiết kỹ thuật

Giá trị mặc định: Không có
Giá trị trả về: Chuỗi, biểu thị vị trí trên cùng của phần tử định vị.
Phiên bản CSS: CSS2

Trình duyệt hỗ trợ

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