border-image – noch kurz ein Foto als Rahmen?

Ich überlege zwar gerade, wann und wo ich das anwenden würde, aber ich spiele hier ja auch nur ein bisschen mit der „border-image“ Eigenschaft.

Ich denke, hier muss man auch „spielen“, um ein Gefühl für die Werte zu bekommen …

Der Internet-Explorer spielt hier (mal wieder) übrigens komplett nicht mit! (Version 9). Fast alle anderen Browser aber auch nur mit -webkit, -o
 

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

 
 

<style>
<!--
#css3borderimage2 {
border: 50px solid transparent;
width: 200px;
padding: 10px 20px;
border-image: url(upload/fisch.jpg) 100 100;
-moz-border-image: url(upload/fisch.jpg) 100 100; /* Firefox */
-webkit-border-image: url(upload/fisch.jpg) 100 100; /* Safari */
-o-border-image: url(upload/fisch.jpg) 100 100; /* Opera */
}
-->
</style>


<div id="css3borderimage2">weiteres Beispiel für den Rahmen eines div mit der ID "css3borderimage2" und der <strong>border-image</strong> Eigenschaft</div>