Thuộc tính border-image-source CSS
- trang trước border-image-slice
- Trang tiếp theo border-image-width
Định nghĩa và cách sử dụng
Thuộc tính border-image-source quy định hình ảnh cần sử dụng, thay thế cho phong cách viền được thiết lập trong thuộc tính border-style.
Lưu ý:Nếu giá trị là "none" hoặc nếu hình ảnh không thể hiển thị, hãy sử dụng phong cách viền.
Xin xem thêm:
Giáo trình CSS3:BORDER của CSS3
Mô hình
Sử dụng một hình ảnh làm viền xung quanh phần tử div:
div { border-image-source: url(border.png); }
Cú pháp CSS
border-image-source: none|hình;
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
none | Không sử dụng hình ảnh. |
hình | Đường dẫn đến hình ảnh được sử dụng làm viền. |
Chi tiết kỹ thuật
Giá trị mặc định: | none |
---|---|
Di truyền: | no |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | object.style.borderImageSource="url(border.png)" |
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ợ hoàn toàn thuộc tính đó.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
xin xem thêm border-image thuộc tính。
- trang trước border-image-slice
- Trang tiếp theo border-image-width