Thuộc tính style borderImageSource

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

borderImageSource Thuộc tính thiết lập hoặc trả về hình ảnh được sử dụng,而不是 phong cách viền do thuộc tính border-style cung cấp.

Lưu ý:Nếu giá trị là "none"hoặc hình ảnh không thể hiển thị, sẽ sử dụng phong cách viền.

Xem thêm:

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

Mẫu

Sử dụng hình ảnh làm viền của phần tử div:

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";

Thử nghiệm trực tiếp

Ngữ pháp

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

object.style.borderImageSource

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

object.style.borderImageSource = "none|image|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
none Sẽ không sử dụng bất kỳ hình ảnh nào.
image Đường dẫn đến hình ảnh sẽ được sử dụng làm viền.
initial Đặt thuộc tính này về giá trị mặc định. Xem initial。
inherit Thừa kế 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
Giá trị trả về: Chuỗi biểu thị vị trí của Thuộc tính border-image-source。
Phiên bản CSS: CSS3

Trình duyệt hỗ trợ

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
Hỗ trợ 11.0 Hỗ trợ 6.0 15.0

Xin xem Thuộc tính borderImage!