Thuộc tính border-image-repeat CSS

Định nghĩa và cách sử dụng

Thuộc tính border-image-repeat quy định hình ảnh viền có nên được lặp lại (repeated), giãn (stretched) hoặc lấp đầy (rounded) hay không.

Xin xem thêm:

Giáo trình CSS3:BORDER trong CSS3

Mô hình

Quy định cách lặp lại hình ảnh viền:

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

Cú pháp CSS

border-image-repeat: stretch|repeat|round;

Ghi chú:Thuộc tính này quy định cách mở rộng và dàn trải các cạnh và phần giữa của hình ảnh viền. Do đó, bạn có thể quy định hai giá trị. Nếu bỏ qua giá trị thứ hai, thì lấy giá trị giống với giá trị đầu tiên.

Giá trị thuộc tính

Giá trị Mô tả
stretch Giãn hình ảnh để lấp đầy khu vực
repeat Lặp lại (đệm) hình ảnh để lấp đầy khu vực.
round Giống như giá trị repeat. Nếu không thể lặp lại toàn bộ hình ảnh, thì thu nhỏ hình ảnh để phù hợp với khu vực.

Chi tiết kỹ thuật

Giá trị mặc định: stretch
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.borderImageRepeat="round"

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 này.

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。