Thuộc tính đường viền kiểu
Ví dụ
Thêm đường viền vào phần tử <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
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 tốc ký.
Với thuộc tính này, bạn có thể đặt/trả về một hoặc nhiều thứ 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
Trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính đường viền
Cú pháp
Trả về thuộc tính đường viền:
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ả về: | Một Chuỗi, biểu thị độ rộng đường viền, kiểu dáng và/hoặc màu sắc của một phần tử |
Phiên bản CSS | CSS1 |
Hỗ trợ trình duyệt
border
là một tính năng CSS1 (1996).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | Yes |
Thêm ví dụ
Ví dụ
Thay đổi độ rộng, kiểu dáng và màu sắc của đường viền của phần tử <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Hãy tự mình thử »Ví dụ
Trả về giá trị thuộc tính đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.border);
Hãy tự mình thử »