0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>The border-image-repeat property specifies how the background of the frame side areas (the green areas in the figure) will be filled.</p>
1
<p>The border-image-repeat property specifies how the background of the frame side areas (the green areas in the figure) will be filled.</p>
2
<p>The property has four values: stretch, repeat, space, and round.</p>
2
<p>The property has four values: stretch, repeat, space, and round.</p>
3
<p>The default value is stretch. When this value is set, the background images are stretched to the full length of the side areas.</p>
3
<p>The default value is stretch. When this value is set, the background images are stretched to the full length of the side areas.</p>
4
<p>If the repeat value is set, background images will be repeated. However, they can be cropped.</p>
4
<p>If the repeat value is set, background images will be repeated. However, they can be cropped.</p>
5
<p>You can set the fill mode separately for the horizontal and vertical sides of the frame.</p>
5
<p>You can set the fill mode separately for the horizontal and vertical sides of the frame.</p>
6
<p>For example:</p>
6
<p>For example:</p>
7
/ * All borders of the frame are filled in stretch mode * / border-image-repeat: stretch; / * The horizontal borders are filled in repeat mode, and the vertical borders are filled in stretch mode */ border-image-repeat: repeat stretch;<p>Let’s take a look at what the difference is between these two options.</p>
7
/ * All borders of the frame are filled in stretch mode * / border-image-repeat: stretch; / * The horizontal borders are filled in repeat mode, and the vertical borders are filled in stretch mode */ border-image-repeat: repeat stretch;<p>Let’s take a look at what the difference is between these two options.</p>