Thuộc tính borderBottomStyle của Style

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

borderBottomStyle Đặt lại hoặc trả về樣式 của viền dưới của phần tử.

Xin xem thêm:

Giáo trình CSS:BORDER CSS

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

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

Mô hình

Ví dụ 1

Thêm viền dưới đậm cho phần tử <div>:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

Thử ngay

Ví dụ 2

Đặt lại kiểu biên dưới của phần tử <div> thành "dotted":

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

Thử ngay

Ví dụ 3

Trả về phong cách đường viền dưới của phần tử <div>:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Thử ngay

Ví dụ 4

Mô tả演示 cho tất cả các giá trị khác nhau:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue;

Thử ngay

Cú pháp

Trả về thuộc tính borderBottomStyle:

object.style.borderBottomStyle

Đặt thuộc tính borderBottomStyle:

object.style.borderBottomStyle = value

Giá trị thuộc tính

Giá trị Mô tả
none Định nghĩa đường viền không có. Mặc định.
hidden Tương tự như "none", nhưng trừ khi giải quyết xung đột đường viền của phần tử bảng.
dotted Định nghĩa đường viền chấm
dashed Định nghĩa đường viền gạch
solid Định nghĩa đường viền chắc
double Định nghĩa hai đường viền. Chiều rộng của hai đường viền bằng giá trị của border-width.
groove Định nghĩa đường viền 3D groove. Hiệu ứng phụ thuộc vào border-color giá trị.
ridge Định nghĩa đường viền 3D ridge. Hiệu ứng phụ thuộc vào border-color giá trị.
inset Định nghĩa đường viền 3D inset. Hiệu ứng phụ thuộc vào border-color giá trị.
outset Định nghĩa đường viền 3D outset. Hiệu ứng phụ thuộc vào border-color giá trị.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none
Giá trị trả về: Chuỗi, biểu thị phong cách đường viền dưới của phần tử.
Phiên bản CSS: CSS1

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ợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2

Ghi chú:IE7 và các phiên bản sớm hơn không hỗ trợ giá trị "hidden". IE9 và các phiên bản cao hơn hỗ trợ "hidden".