Thuộc tính Style borderBottomWidth
- Trang trước borderBottomStyle
- Trang tiếp theo borderCollapse
- Quay lại lớp trên Đối tượng Style HTML DOM
Định nghĩa và cách sử dụng
borderBottomWidth
Cài đặt hoặc trả về độ rộng đường viền dưới của phần tử.
Xem thêm:
Giáo trình CSS:BORDER của CSS
Tài liệu tham khảo CSS:Thuộc tính border-bottom-width
Tài liệu tham khảo HTML DOM:Thuộc tính border
Mô hình
Ví dụ 1
Thay đổi độ rộng đường viền dưới của phần tử <div> thành 10px:
document.getElementById("myDiv").style.borderBottomWidth = "10px";
Ví dụ 2
Thay đổi độ rộng đường viền dưới của phần tử <div> thành mỏng:
document.getElementById("myDiv").style.borderBottomWidth = "thin";
Ví dụ 3
Trả về độ rộng đường viền dưới của phần tử <div>:
alert(document.getElementById("myDiv").style.borderBottomWidth);
Cú pháp
Trả về thuộc tính borderBottomWidth:
object.style.borderBottomWidth
Đặt thuộc tính borderBottomWidth:
object.style.borderBottomWidth = "thin|medium|thick|length|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
thin | Định nghĩa đường viền mỏng. |
medium | Định nghĩa đường viền trung bình. Mặc định. |
thick | Định nghĩa đường viền đậm. |
length | Độ rộng đường viền tính theo độ dài. |
initial | Đặt tính chất này về giá trị mặc định. Xem thêm initial. |
inherit | Kế thừa tính chất này từ phần tử cha. Xem thêm inherit. |
Chi tiết kỹ thuật
Giá trị mặc định: | medium |
---|---|
Giá trị trả về: | Chuỗi biểu thị độ rộng đường viền dưới của phần tử. |
Phiên bản CSS: | CSS1 |
Hỗ trợ trình duyệt
Số trong bảng chỉ ra phiên bản trình duyệt hỗ trợ tính chất này hoàn toàn đầu tiên.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Trang trước borderBottomStyle
- Trang tiếp theo borderCollapse
- Quay lại lớp trên Đối tượng Style HTML DOM