editor v1.1 - weber.am

Կոդ

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Էջի վերնագիր</title>
        <style>
            div {
                border: 15px solid transparent;
                width: 250px;
                padding: 10px 20px;
            }
            #round {
                border-image: url(border.png) 30 30 round;
                /* Safari */
                -webkit-border-image: url(border.png) 30 30 round;
            }
            #stretch {
                border-image: url(border.png) 30 30 stretch;
                /* Safari */
                -webkit-border-image: url(border.png) 30 30 stretch;
            }
        </style>
    </head>
    <body>
        <p>The border-image property specifies an image to be used as a border.</p>
        <div id="round">Here, the image is tiled (repeated) to fill the area.</div><br>
        <div id="stretch">Here, the image is stretched to fill the area.</div>
        <p>Here is the image used:</p>
        <img src="border.png">
    </body>
</html>

Կոդ

Արդյունք