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

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

border-top-style thiết lập樣式 của viền trên phần tử.

Chỉ khi giá trị này không phải là none thì 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:Biên cảnh CSS

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

Hướng dẫn HTML DOM:Thuộc tính borderTopStyle

Ví dụ

Thiết lập樣式 của viền trên:

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

Thử nghiệm trực tiếp

Ngữ pháp CSS

border-top-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 viền 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 viền.
dotted Định nghĩa viền chấm. Trong hầu hết các trình duyệt, nó được hiển thị như đường thẳng.
dashed Định nghĩa đường chấm. Trong hầu hết các trình duyệt, nó được hiển thị như đường thẳng.
solid Định nghĩa đường thẳng.
double Định nghĩa đường đôi. Chiều rộng của đường đôi bằng giá trị của border-width.
groove Định nghĩa viền groove 3D. Hiệu ứng phụ thuộc vào giá trị của border-color.
ridge Định nghĩa viền step 3D. Hiệu ứng phụ thuộc vào giá trị của border-color.
inset Định nghĩa viền inset 3D. Hiệu ứng phụ thuộc vào giá trị của border-color.
outset Định nghĩa viền outset 3D. Hiệu ứng phụ thuộc vào giá trị của border-color.
inherit Định nghĩa rằng nên kế thừa樣式 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.borderTopStyle="dotted"

Các ví dụ khác

Thiết lập樣式 của viền trên
Ví dụ này minh họa cách thiết lập樣式 của viền trên.

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