Controlling the Slice Repeat Style

The border-imagerepeat property tells how to fill area with image.

The border-image-repeat Style Values:

Value	Description
stretch	stretched to fill the space (default).
repeat	repeated to fill the space.
round	stretched and repeated to fill the space without creating fragments.
space	repeated without creating fragments.

 
<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>Example</title> 
        <style type="text/css"> 
        p { 
            -moz-border-image: url(http://java2s.com/Book/HTML-CSSImages/star.png) 30 / 50px round repeat; 
        } 
        </style> 
    </head> 
    <body> 
        <p> 
            HyperText Markup Language (HTML) is the main markup language for 
            displaying web pages and other information that can be displayed 
            in a web browser(From From Wikipedia, the free encyclopedia).
        </p> 
    </body> 
</html>

Click to view the demo

Home
HTML CSS Book
CSS

Border Image: