Thuộc tính Style borderRightStyle
- Trang trước borderRightColor
- Trang tiếp theo borderRightWidth
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
borderRightStyle
Cài đặt thuộc tính hoặc trả về樣式 viền phả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-right-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 phải 'đậm' cho <div>元素:
document.getElementById("myDiv").style.borderRightStyle = "solid";
Ví dụ 2
Thay đổi phong cách viền bên phải của phần tử <div> thành "dotted":
document.getElementById("myDiv").style.borderRightStyle = "dotted";
Ví dụ 3
Trả về phong cách viền bên phải của phần tử <div>:
alert(document.getElementById("myDiv").style.borderRightStyle);
Ví dụ 4
Mô tả các giá trị khác nhau:
var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderRightStyle = listValue;
Cú pháp
Trả về thuộc tính borderRightStyle:
object.style.borderRightStyle
Thiết lập thuộc tính borderRightStyle:
object.style.borderRightStyle = value
Giá trị | Mô tả |
---|---|
none | Định nghĩa viền không có. Mặc định. |
hidden | Cùng với "none", nhưng 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 điểm. |
dashed | Định nghĩa viền chấm. |
solid | Định nghĩa viền rắn. |
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 lõm 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 | Gửi lại 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: | Không có |
---|---|
Giá trị trả về: | Chuỗi biểu thị phong cách của viền bên phải 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ợ |
- Trang trước borderRightColor
- Trang tiếp theo borderRightWidth
- Quay lại lớp trên Đối tượng Style của HTML DOM