Thuộc tính đường viền dưới cùng
Ví dụ
Thêm đường viền dưới cùng vào phần tử <div>:
document.getElementById("myDiv").style.borderBottom = "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 borderBottom thiết lập hoặc trả về tối đa ba thuộc tính border-bottom 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 viền dưới
- kiểu viền dưới
- màu viền dưới
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ả về thuộc tính borderBottom:
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ả về: | Một Chuỗi, biểu thị chiều rộng, kiểu dáng và/hoặc màu sắc của đường viền dưới cùng của một phần tử |
Phiên bản CSS | CSS1 |
Thêm ví dụ
Ví dụ
Thay đổi chiều rộng, kiểu dáng và màu sắc của đường viền dưới cùng của phần tử <div>:
document.getElementById("myDiv").style.borderBottom = "thin dotted red";
Hãy tự mình thử »Ví dụ
Trả về giá trị thuộc tính border-bottom của phần tử <div>:
alert(document.getElementById("myDiv").style.borderBottom);
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 viền dưới
Tham chiếu DOM HTML: thuộc tính đường viền