Thuộc tính CSS border-image-source
Thí dụ
Chỉ định một hình ảnh làm đường viền xung quanh một phần tử:
#borderimg
{
border-image-source: url(border.png);
}
Định nghĩa và Cách sử dụng
Thuộc border-image-source
tính chỉ định đường dẫn đến hình ảnh được sử dụng làm đường viền (thay vì đường viền bình thường xung quanh một phần tử).
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.
Mẹo: Cũng xem xét thuộc tính border-image (một thuộc tính viết tắt để đặt tất cả các thuộc tính border-image- *).
Giá trị mặc định: | không ai |
---|---|
Thừa hưởng: | không |
Hoạt hình: | không. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.borderImageSource = "url (border.png)" |
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 | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Cú pháp CSS
border-image-source: 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 |
Các trang liên quan
Hướng dẫn CSS: Hình ảnh đường viền CSS
Tham chiếu CSS: thuộc tính border-image
Tham chiếu CSS: thuộc tính border-image-outset
Tham chiếu CSS: thuộc tính border-image-repeat
Tham chiếu CSS: thuộc tính border-image-slice
Tham chiếu CSS: thuộc tính border-image-width
Tham chiếu HTML DOM: thuộc tính borderImageSource