Thuộc tính style borderImageSource
Thí dụ
Sử dụng hình ảnh làm đường viền xung quanh phần tử div:
document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
Định nghĩa và Cách sử dụng
Thuộc tính borderImageSource đặt hoặc trả về hình ảnh sẽ được sử dụng, thay vì các kiểu đường viền do thuộc tính kiểu đường viền cung cấp.
Mẹo: Nếu giá trị là "không" hoặc nếu không thể hiển thị hình ảnh, thì các kiểu đường viền sẽ được sử dụng.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
borderImageSource | Yes | 11.0 | Yes | 6.0 | 15.0 11.0 O |
Thay vào đó, hãy nhìn vào thuộc tính borderImage !
Cú pháp
Trả lại thuộc tính borderImageSource:
object.style.borderImageSource
Đặt thuộc tính borderImageSource:
object.style.borderImageSource = "none|image|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | không ai |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính nguồn biên giới của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính border-image-source