Thuộc tính border-bottom CSS

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

Thuộc tính viết tắt border-bottom đặt tất cả các thuộc tính border dưới vào một câu biểu thị.

Có thể đặt theo thứ tự sau các thuộc tính:

Nếu không đặt một giá trị nào đó, cũng không có vấn đề gì, ví dụ border-bottom:solid #ff0000; cũng được phép.

Xem thêm：

Hướng dẫn CSS：BORDER của CSS

Hướng dẫn tham khảo HTML DOM：Thuộc tính borderBottom

Ví dụ

Đặt樣式 border dưới：

p
  {
  border-style:solid;
  border-bottom:thick dotted #ff0000;
  }

Thử ngay

Ngữ pháp CSS

border-bottom: border-width border-style border-color|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
border-bottom-width Định nghĩa độ rộng của border dưới. Xem thêm：border-bottom-width của các giá trị có thể có.
border-bottom-style Định nghĩa樣式 của border dưới. Xem thêm：border-bottom-style của các giá trị có thể có.
border-bottom-color Định nghĩa màu của border dưới. Xem thêm：border-bottom-color của các giá trị có thể có.
inherit Định nghĩa rằng thuộc tính border-bottom nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định： không xác định
Di truyền: không
Phiên bản： CSS1
Ngữ pháp JavaScript： object.style.borderBottom="3px solid blue"

Các ví dụ khác

Tất cả các thuộc tính border dưới trong một câu biểu thị
Ví dụ này minh họa cách sử dụng thuộc tính viết tắt để đặt tất cả các thuộc tính border dưới trong một câu biểu thị.

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 trước không hỗ trợ giá trị "inherit". IE8 cần !DOCTYPE. IE9 hỗ trợ "inherit".