Đường viền kiểu cách
Thí dụ
Chỉ định cách lặp lại đường viền hình ảnh:
document.getElementById("myDIV").style.borderImageRepeat = "round";
Định nghĩa và Cách sử dụng
Thuộc tính borderImageRepeat đặt hoặc trả về liệu đường viền hình ảnh nên được lặp lại, làm tròn hay kéo dài.
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 | |||||
---|---|---|---|---|---|
borderImageRepeat | 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 borderImageRepeat:
object.style.borderImageRepeat
Đặt thuộc tính borderImageRepeat:
object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
stretch | Default value. The image is stretched to fill the area |
repeat | The image is tiled (repeated) to fill the area |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles |
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: | căng ra |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính lặp lại đường viền 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-repeat