Thuộc tính style border

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

border Thuộc tính được thiết lập hoặc trả về bằng định dạng tóm tắt nhiều nhất ba thuộc tính viền riêng lẻ.

Bằng thuộc tính này, bạn có thể thiết lập/trả về một hoặc nhiều mục sau (theo bất kỳ thứ tự nào):

Xem thêm:

Hướng dẫn CSS:BORDER của CSS

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

Mẫu

Ví dụ 1

Thêm viền cho phần tử <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Thử ngay

Ví dụ 2

Thay đổi độ rộng, kiểu và màu của viền của phần tử <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

Thử ngay

Ví dụ 3

Trả về giá trị thuộc tính border của phần tử <div>:

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

Thử ngay

Cú pháp

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

object.style.border

Đặt thuộc tính border:

object.style.border = "width style color|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
width Đặt độ rộng của viền.
style Đặt kiểu của viền.
color Đặt màu của viền.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổ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: Chưa quy định.
Giá trị trả về: Chuỗi, biểu thị độ rộng, kiểu và/hoặc màu của viền của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

border Là tính năng CSS1 (1996).

Tất cả các trình duyệt đều hỗ trợ hoàn toàn:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ