Thuộc tính đường viền kiểu
Thí dụ
Thêm đường viền vào phần tử <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính đường viền đặt hoặc trả về tối đa ba thuộc tính đường viền 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 biên giới
- kiểu viền
- màu viền
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp
Trả lại tài sản biên giới:
object.style.border
Đặt thuộc tính đường viền:
object.style.border = "width style color|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
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: | Một chuỗi, đại diện cho chiều rộng đường viền, kiểu và / hoặc màu 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 của phần tử <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Thí dụ
Trả về các giá trị thuộc tính đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.border);
Các trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính đường viền