Thuộc tính borderImage của Style

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

borderImage Thuộc tính này là một viết tắt của các thuộc tính sau:

Giá trị bị bỏ qua sẽ được đặt thành giá trị mặc định.

Xem thêm:

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

Mẫu

Chỉ định hình ảnh cho viền của phần tử <div>:

document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";

Thử nghiệm ngay

Cú pháp

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

object.style.borderImage

Cài đặt thuộc tính borderImage:

object.style.borderImage = "source slice width outset repeat|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
borderImageSource Đường dẫn của hình ảnh sẽ được sử dụng làm viền.
borderImageSlice Phản chiếu trong của hình viền.
borderImageWidth Chiều rộng hình viền.
borderImageOutset Lượng vượt ra ngoài khung viền (border box) của khu vực hình ảnh viền.
borderImageRepeat Hình viền nên lặp lại (repeated), lấp đầy (rounded) hay kéo dãn (stretched) không.
initial Đặt thuộc tính này về giá trị mặc định. Xem initial.
inherit Kế thừa thuộc tính này từ phần tử cha. Xem inherit.

Chi tiết kỹ thuật

Giá trị mặc định: none 100% 1 0 stretch
Giá trị trả về: Chuỗi biểu thị Thuộc tính border-image.
Phiên bản CSS: CSS3

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
16.0 11.0 15.0 6.0 15.0