Thuộc tính borderTop của Style

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

borderTop Thuộc tính được thiết lập hoặc trả về dưới dạng viết tắt tối đa ba thuộc tính border-top riêng lẻ.

Bằng thuộc tính này, bạn có thể thiết lập/trả về một hoặc nhiều giá trị sau (theo bất kỳ thứ tự nào):

Xem thêm:

Hướng dẫn CSS:CSS viền

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

Tài liệu tham khảo HTML DOM:Thuộc tính border

Mô hình

Ví dụ 1

Thêm viền trên cho phần tử <div>:

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

Thử ngay

Ví dụ 2

Thay đổi độ rộng, kiểu và màu của viền trên phần tử <div>:

document.getElementById("myDiv").style.borderTop = "thin dotted red";

Thử ngay

Ví dụ 3

Trả về giá trị thuộc tính border-top của phần tử <div>:

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

Thử ngay

Cú pháp

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

object.style.borderTop

Đặt thuộc tính borderTop:

object.style.borderTop = "width style color|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
width Đặt độ rộng của viền trên
style Đặt kiểu của viền trên
color Đặt màu của viền trên
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này để nhận thuộc tính từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: Chưa chỉ định
Giá trị trả về: Chuỗi biểu thị độ rộng, kiểu và/hoặc màu của viền trên của phần tử.
Phiên bản CSS: CSS1

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ợ