Thuộc tính Style borderTopStyle

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

borderTopStyle Cài đặt thuộc tính hoặc trả về樣式 viền trên của phần tử.

Xin xem thêm:

Giáo trình CSS:CSS viền

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

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

Thực 例

Ví dụ 1

Thêm viền trên bên phải cho <div> có chất liệu thực:

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

Thử ngay

Ví dụ 2

Chuyển đổi phong cách viền trên của phần tử <div> thành "dotted":

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

Thử ngay

Ví dụ 3

Trả về phong cách viền trên của phần tử <div>:

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

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.borderTopStyle = listValue;

Thử ngay

Cú pháp

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

object.style.borderTopStyle

Đặt thuộc tính borderTopStyle:

object.style.borderTopStyle = value|initial|inherit
Giá trị Mô tả
none Định nghĩa viền không có. Mặc định.
hidden Tương tự như "none", nhưng ngoại trừ khi giải quyết xung đột viền của phần tử bảng.
dotted Định nghĩa viền chấm
dashed Định nghĩa viền gạch
solid Định nghĩa viền chắc
double Định nghĩa hai viền. Chiều rộng của hai viền bằng giá trị của border-width.
groove Định nghĩa viền rãnh 3D. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
ridge Định nghĩa viền gân 3D. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
inset Định nghĩa viền rãnh 3D. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
outset Định nghĩa viền nổi 3D. Hiệu ứng phụ thuộc vào border-color giá trị của nó.
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 viền trên của phần tử.
phiên bản CSS: CSS1

hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
hỗ trợ hỗ trợ hỗ trợ hỗ trợ hỗ trợ