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樣式 không phải là none. Nếu樣式 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ôndeclare 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：

Hướng dẫn CSS：BORDER CSS

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

Hướng dẫn 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 nên thừa kế độ 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演示 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
Thừa kế: 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ợ hoàn toàn 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 trước không hỗ trợ giá trị "inherit". IE8 cần !DOCTYPE. IE9 hỗ trợ "inherit".