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

定 nghĩa và cách sử dụng

border-bottom-style thiết lập樣式 đường viền dưới của phần tử.

Chỉ khi giá trị này không phải là none thì đường viền 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:BORDER của 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樣式 đường viền dưới:

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

Thử nghiệm trực tiếp

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 đường viền không có.
hidden Tương đương với "none". Tuy nhiên, ngoại trừ khi áp dụng cho bảng, đối với bảng, "hidden" được sử dụng để giải quyết xung đột đường viền.
dotted Định nghĩa đường viền điểm. Trong hầu hết các trình duyệt hiển thị như đường viền solid.
dashed Định nghĩa đường viền dashed. Trong hầu hết các trình duyệt hiển thị như đường viền solid.
solid Định nghĩa đường viền solid.
double Định nghĩa đường viền double. Độ rộng của đường viền bằng giá trị border-width.
groove Định nghĩa đường viền groove 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
ridge Định nghĩa đường viền stepped 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
inset Định nghĩa đường viền inset 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
outset Định nghĩa đường viền outset 3D. Hiệu ứng phụ thuộc vào giá trị border-color.
inherit Định nghĩa rằng nên kế thừa樣式 đường viền từ phần tử cha.

Chi tiết kỹ thuật

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

Các ví dụ khác

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

Hỗ trợ trình duyệt

Số trong bảng cho biết 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