Thuộc tính border-bottom-style CSS

定義和用法

border-bottom-style thiết lập樣式 mép dưới của phần tử.

Chỉ khi giá trị này không phải là none thì mép mới có thể xuất hiện.

Trong CSS1, trình duyệt người dùng HTML chỉ cần hỗ trợ solid và none.

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 borderBottomStyle

Ví dụ

Thiết lập樣式 dưới mép:

p
  {
  border-style:solid;
  border-bottom-style:dotted;
  }

Thử ngay

Ngữ pháp CSS

border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Định nghĩa mép không có.
hidden Tương đương với "none" nhưng trừ khi áp dụng cho bảng, đối với bảng, "hidden" được sử dụng để giải quyết xung đột mép.
dotted Định nghĩa mép chấm. Trong hầu hết các trình duyệt, nó được hiển thị như là mép thẳng.
dashed Định nghĩa mép chấm. Trong hầu hết các trình duyệt, nó được hiển thị như là mép thẳng.
solid Định nghĩa mép thẳng.
double Định nghĩa mép kép. Chiều rộng của mép kép bằng giá trị border-width.
groove Định nghĩa mép chìm 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
ridge Định nghĩa mép nổi gân 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
inset Định nghĩa mép chìm 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
outset Định nghĩa mép nổi 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
inherit Định nghĩa rằng樣式 mép nên được kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: not specified
Di truyền: no
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.borderBottomStyle="dotted"

Các ví dụ khác

Thiết lập樣式 dưới mép
Ví dụ này minh họa cách thiết lập樣式 dưới mép.

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 5.5 1.0 1.0 9.2