Thuộc tính border-bottom-width của CSS

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

Thuộc tính borderBottom-width thiết lập độ rộng đường viền dưới của phần tử.

Chỉ hoạt động khi phong cách đường viền không phải là none. Nếu phong cách đường viền là none, độ rộng đường viền thực tế sẽ được đặt lại thành 0. Không được phép chỉ định giá trị độ dài âm.

Ghi chú：Luôn hãy khai báo thuộc tính border-style trước thuộc tính border-bottom-width. Phần tử chỉ có thể thay đổi độ rộng đường viền sau khi đã có đường viền.

Xem thêm：

Giáo trình CSS：BORDER CSS

Tài liệu tham khảo CSS：Thuộc tính border-bottom

Tài liệu tham khảo HTML DOM：Thuộc tính borderBottomWidth

Ví dụ

Thiết lập độ rộng đường viền dưới：

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Thử ngay

Ngữ pháp CSS

border-bottom-width: medium|thin|thick|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
thin Định nghĩa đường viền dưới mỏng.
medium Giá trị mặc định. Định nghĩa đường viền dưới trung bình.
thick Định nghĩa đường viền dưới dày.
length Cho phép bạn tùy chỉnh độ rộng đường viền dưới.
inherit Định nghĩa rằng phải kế thừa độ rộng đường viền từ phần tử cha.

Các ví dụ khác

Thiết lập độ rộng đường viền dưới
Ví dụ này minh họa cách thiết lập độ rộng đường viền dưới.

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: no
Phiên bản： CSS1
Ngữ pháp JavaScript： object.style.borderBottomWidth="thick"

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ợ đầy đủ thuộc tính này.

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

Ghi chú：Trình duyệt IE7 và các phiên bản sớm hơn không hỗ trợ giá trị "inherit". IE8 cần có !DOCTYPE. IE9 hỗ trợ "inherit".