Thuộc tính chiều rộng đường viền kiểu
Ví dụ
Thay đổi độ rộng của bốn đường viền của phần tử <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Hãy tự mình thử »Sự miêu tả
Thuộc tính borderWidth đặt hoặc trả về độ rộng đường viền của 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: Thick} - tất cả bốn đường viền sẽ dày
- Hai giá trị, như: p {border-width: Thick Thin} - viền trên và dưới sẽ dày, viền trái và phải sẽ mỏng
- Ba giá trị, như: p {border-width: dày mỏng trung bình}- đường viền trên sẽ dày, đường viền trái và phải sẽ mỏng, đường viền dưới sẽ ở mức trung bình
- Bốn giá trị, như: p {border-width: Thick Thin Medium 10px} - đường viền trên sẽ dày, đường viền bên phải sẽ mỏng, đường viền dưới sẽ ở mức trung bình, đường viền bên trái sẽ 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ả về: | Một Chuỗi, biểu thị độ rộng của đường viền của một phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Thay đổi độ rộng của đường viền trên và dưới thành dày và đường viền bên trái và bên phải thành mỏng của phần tử <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Hãy tự mình thử »Ví dụ
Thay đổi độ rộng của bốn đường viền của phần tử <div>, sử dụng giá trị độ dài :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Hãy tự mình thử »Ví dụ
Trả về độ rộng của đường viền của phần tử <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính chiều rộng đường viền
Tham chiếu DOM HTML: thuộc tính đường viền