Đường viền kiểu
Thí dụ
Thay đổi chiều rộng của bốn đường viền của phần tử <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Định nghĩa và Cách sử dụng
Thuộc tính borderWidth đặt hoặc trả về chiều rộng của đường viền của một phần tử.
Thuộc tính này có thể nhận từ một đến bốn giá trị:
- Một giá trị, như: p {border-width: dầy} - cả bốn đường viền sẽ dày
- Hai giá trị, như: p {border-width: dầy mỏng} - đường viền trên và dưới sẽ dày, đường viền trái và phải sẽ mỏng
- Ba giá trị, chẳng hạn như: p {border-width: dầy mỏng vừa} - viền trên sẽ dày, viền trái và phải mỏng, viền dưới là vừa
- Bốn giá trị, chẳng hạn như: p {border-width: dầy mỏng trung bình 10px} - viền trên sẽ dày, viền phải mỏng, viền dưới là vừa, viền trái là 10px
Hỗ trợ trình duyệt
| Property | |||||
|---|---|---|---|---|---|
| borderWidth | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trả về thuộc tính borderWidth:
object.style.borderWidth
Đặt thuộc tính borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Giá trị tài sản
| Value | Description |
|---|---|
| thin | Defines a thin border |
| medium | Defines a medium border. This is default |
| thick | Defines a thick border |
| length | The width of the border in length units |
| 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: | Trung bình |
|---|---|
| Giá trị trả lại: | Một chuỗi, đại diện cho chiều rộng của đường viền 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 của đường viền trên và dưới thành dày, và đường viền trái và phải thành mỏng của phần tử <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Thí dụ
Thay đổi chiều rộng của bốn đường viền của phần tử <div>, sử dụng giá trị chiều dài :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Thí dụ
Trả về chiều rộng của đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Các trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính border-width
Tham chiếu DOM HTML: thuộc tính đường viền
❮ Đối tượng phong cách