Thuộc tính style borderImageRepeat

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

borderImageRepeat Thiết lập hoặc trả về hình ảnh viền có nên lặp lại (repeated), lấp đầy (rounded) hoặc kéo dãn (stretched) hay không.

Xem thêm:

Tài liệu tham khảo CSS:Thuộc tính border-image-repeat

Mẫu

Định nghĩa cách lặp lại hình ảnh viền:

document.getElementById("myDIV").style.borderImageRepeat = "round";

Thử ngay

Cú pháp

Trả về thuộc tính borderImageRepeat:

object.style.borderImageRepeat

Thiết lập thuộc tính borderImageRepeat:

object.style.borderImageRepeat = "stretch|repeat|round|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
stretch Giá trị mặc định. Hình ảnh được kéo dãn để lấp đầy khu vực.
repeat Hình ảnh được lặp lại (trùng lặp) để lấp đầy khu vực.
round

Hình ảnh được lặp lại (trùng lặp) để lấp đầy khu vực.

Nếu không lấp đầy khu vực bằng số lượng tảng đầy đủ, hãy điều chỉnh lại hình ảnh để phù hợp.
space

Hình ảnh được lặp lại (trùng lặp) để lấp đầy khu vực.

Nếu không lấp đầy khu vực bằng số lượng tảng đầy đủ, không gian dư sẽ được phân phối xung quanh các tảng.
initial Thiết lập thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thiết lập thuộc tính này để kế thừa từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: stretch
Giá trị trả về: chuỗi, biểu thị phần tử Thuộc tính border-image-repeat.
Phiên bản CSS: CSS3

Trình duyệt hỗ trợ

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 11.0 Hỗ trợ 6.0 15.0

Xem thêm Thuộc tính borderImage.