Thuộc tính borderBottom của Style

Định nghĩa và cách sử dụng

borderBottom Thuộc tính được đặt hoặc trả về dưới dạng viết tắt tối đa ba thuộc tính border-bottom riêng lẻ.

Sử dụng thuộc tính này, bạn có thể đặt/tra về một hoặc nhiều giá trị sau (theo bất kỳ thứ tự nào):

Xem thêm:

Hướng dẫn CSS:Biên giới CSS

Hướng dẫn CSS:Thuộc tính border-bottom

Hướng dẫn HTML DOM:Thuộc tính border

Mẫu

Ví dụ 1

Thêm đường viền dưới cho phần tử <div>:

document.getElementById("myDiv").style.borderBottom = "thick solid #0000FF";

Thử ngay

Ví dụ 2

Thay đổi độ rộng, kiểu và màu của đường viền dưới của phần tử <div>:

document.getElementById("myDiv").style.borderBottom = "thin dotted red";

Thử ngay

Ví dụ 3

Trả về giá trị thuộc tính border-bottom của phần tử <div>:

alert(document.getElementById("myDiv").style.borderBottom);

Thử ngay

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ị thuộc tính

Giá trị Mô tả
width Đặt độ rộng cho đường viền dưới.
style Đặt kiểu cho đường viền dưới.
color Đặt màu cho đường viền dưới.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: not specified
Giá trị trả về: Chuỗi biểu thị độ rộng, kiểu và/hoặc màu của đườ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 đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5