border-image – Grafik als Rahmen

Über die „border-image“ Eigenschaft kann man einen Rahmen um ein (Block-)Element mit Hilfe einer Grafik erstellen bzw. eine Grafik als Rahmen nutzen.
 
Der Internet-Explorer mag „border-image“ zur Zeit (IE9) noch gar nicht!, fast alle anderen Browser aber auch nur mit -webkit, -o
 

Beispiel für den Rahmen eines div mit der ID „css3borderimage“ und der border-image Eigenschaft

 
 

<style>
<!--
#css3borderimage {
border: 25px solid transparent;
width: 300px;
padding: 10px 20px;
border-image: url(upload/borderimage.png) 50 50 round;
-moz-border-image: url(upload/borderimage.png) 50 50 round; /* Firefox */
-webkit-border-image: url(upload/borderimage.png) 50 50 round; /* Safari */
-o-border-image: url(upload/borderimage.png) 50 50 round; /* Opera */
}
--></style>
<div id="css3borderimage">Beispiel für den Rahmen eines div mit der ID "css3borderimage" und der <strong>border-image</strong> Eigenschaft</div>