CSS border image repeat

CSS border image repeat is used to define whether the border images are repeat, round or stretch.


Syntax

Output

This is the paragraph inside the div with repeated border image.


CSS border image repeat values list

Sr. No.valueDescription
1stretchUsed to specify the border image to stretch and fit the block area.
2repeatUsed to specify the border image to repeat and fit the block area.
3roundUsed to specify the border image to stretch and fit the block area. If it not fit the block after stretch then it get rescaled to fit the area.
4spaceUsed to specify the border image to stretch and fit the block area. If it not fit the block after stretch then extra space is distributed aroun the block area.
5initialUsed to define as the property initial value.
6inheritUsed to define the computed value of property on the elements parent.
7unsetUsed to define the property either acts as inherit or initial, depending on the property if it is inherited or not.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.