Thuộc tính CSS border-image-repeat
Thí dụ
Chỉ định cách lặp lại hình ảnh đường viền:
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
Định nghĩa và Cách sử dụng
Thuộc border-image-repeat
tính chỉ định xem hình ảnh đường viền nên được lặp lại, làm tròn, giãn cách hay kéo dài.
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: | căng ra |
---|---|
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: | object .style.borderImageRepeat = "round" |
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-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
Cú pháp CSS
border-image-repeat: stretch|repeat|round|space|initial|inherit;
Lưu ý: Thuộc tính này chỉ định cách các hình ảnh cho các bên và phần giữa của hình ảnh đường viền được chia tỷ lệ và xếp gạch. Vì vậy, bạn có thể chỉ định hai giá trị ở đây. Nếu giá trị thứ hai bị bỏ qua, nó được giả định là giống với giá trị đầu tiên.
Giá trị tài sản
Value | Description | Play it |
---|---|---|
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 |
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-slice
Tham chiếu CSS: thuộc tính border-image-source
Tham chiếu CSS: thuộc tính border-image-width
Tham chiếu DOM HTML: thuộc tính borderImageRepeat