Đường viền kiểu cách
Thí dụ
Thêm đường viền dưới cùng vào phần tử <div>:
document.getElementById("myDiv").style.borderBottom = "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 borderBottom đặt hoặc trả về tối đa ba thuộc tính border-bottom 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):
- đường viền-dưới cùng-độ rộng
- kiểu đường viền dưới cùng
- viền-dưới-màu
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 | |||||
---|---|---|---|---|---|
borderBottom | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Cú pháp
Trả lại đường viền
object.style.borderBottom
Đặt thuộc tính borderBottom:
object.style.borderBottom = "width style color|initial|inherit"
Giá trị tài sản
Parameter | Description |
---|---|
width | Sets the width of the bottom border |
style | Sets the style of the bottom border |
color | Sets the color of the bottom border |
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: | Chuỗi, đại diện cho chiều rộng, kiểu và / hoặc màu của đường viền dưới cùng 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 dưới cùng của phần tử <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Thí dụ
Trả về các giá trị thuộc tính border-bottom của phần tử <div>:
alert(document.getElementById("myDiv").style.borderBottom);
Các trang liên quan
Hướng dẫn CSS: Đường viền CSS
Tham chiếu CSS: thuộc tính border-bottom
Tham chiếu DOM HTML: thuộc tính đường viền