<![CDATA[ <head>
<meta charset = "utf-8">
<title> Radial Gradients </title>
<style type = "text/css">
div {
border-width: 30px;
border-style: solid;
width: 250px;
height: 200px;
padding: 20px 20px;
}
#stretch {
border-image: url(HotMess.jpg) 25% 25% 25% 25% stretch;
}
#repeat {
border-image: url(HotMess.jpg) 25% 25% 25% 25% repeat;
}
#stretch-repeat {
border-image: url(HotMess.jpg) 25% 25% 25% 25% stretch repeat;
}
</style>
</head>
<body>
<p> <div id = "stretch">Stretching the image border</div></p>
<p> <div id = "repeat">Repeating the image border</div></p>
<p> <div id = "stretch-repeat">Repeating the image border on the sides and stretching the top and bottom</div></p>
</body>
</html>
]]>