Đường viền kiểu cách
Thí dụ
Thêm đường viền trên cùng vào phần tử <div>:
document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";
Định nghĩa và Cách sử dụng
Thuộc tính borderTop đặt hoặc trả về tối đa ba thuộc tính border-top riêng biệt, ở dạng viết tắt.
Với thuộc tính này, bạn có thể đặt / trả lại một hoặc nhiều điều sau (theo bất kỳ thứ tự nào):
- chiều rộng đường viền
- kiểu biên giới
- màu viền trên cùng
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
borderTop | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả lại thuộc tính borderTop:
object.style.borderTop
Đặt thuộc tính borderTop:
object.style.borderTop = "width style color|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
width | Sets the width of the top border |
style | Sets the style of the top border |
color | Sets the color of the top border |
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: | không được chỉ định |
---|---|
Giá trị trả lại: | Chuỗi, đại diện cho chiều rộng, kiểu và / hoặc màu của đường viền trên cùng của một phần tử |
Phiên bản CSS | CSS1 |
Các ví dụ khác
Thí dụ
Thay đổi chiều rộng, kiểu và màu của đường viền trên cùng của phần tử <div>:
document.getElementById("myDiv").style.borderTop = "thin dotted red";
Thí dụ
Trả về các giá trị thuộc tính border-top của phần tử <div>:
alert(document.getElementById("myDiv").style.borderTop);
Các trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính border-top
Tham chiếu DOM HTML: thuộc tính đường viền
❮ Đối tượng phong cách