#borderimg {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border.png) 50 round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border.png) 50 round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border.png) 50 round;
}
#borderimga {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border.png) 20% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border.png) 20% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border.png) 20% round;
}
#borderimgb {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border.png) 30% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border.png) 30% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border.png) 30% round;
}
#borderimg1 {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border1.png) 50 round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border1.png) 50 round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border1.png) 50 round;
}
#borderimg1a {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border1.png) 20% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border1.png) 20% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border1.png) 20% round;
}
#borderimg1b {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border1.png) 30% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border1.png) 30% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border1.png) 30% round;
}
#borderimg2 {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border2.png) 50 round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border2.png) 50 round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border2.png) 50 round;
}
#borderimg2a {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border2.png) 20% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border2.png) 20% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border2.png) 20% round;
}
#borderimg2b {
border: 10px solid transparent;
padding: 15px;
-webkit-border-image: url(../html_beg/images/border2.png) 30% round;
/* Safari 3.1-5 */
-o-border-image: url(../html_beg/images/border2.png) 30% round;
/* Opera 11-12.1 */
border-image: url(../html_beg/images/border2.png) 30% round;
}
</style>
<body>
<p><img src="../html_beg/images/border.png"></p>
<p>Using the above image, we can create the following three borders:</p>
<p id="borderimg">border-image: url(../html_beg/images/border.png) 50 round;</p>
<p id="borderimga">border-image: url(../html_beg/images/border.png) 20% round;</p>
<p id="borderimgb">border-image: url(../html_beg/images/border.png) 30% round;</p>
<hr />
<p><img src="../html_beg/images/border1.png"></p>
<p>Using the above image, we can create the following three borders:</p>
<p id="borderimg1">border-image: url(../html_beg/images/border1.png) 50 round;</p>
<p id="borderimg1a">border-image: url(../html_beg/images/border1.png) 20% round;</p>
<p id="borderimg1b">border-image: url(../html_beg/images/border1.png) 30% round;</p>
<hr />
<p><img src="../html_beg/images/border2.png"></p>
<p>Using the above image, we can create the following three borders:</p>
<p id="borderimg2">border-image: url(../html_beg/images/border2.png) 50 round;<br /> Because this is only a 8pixel slice, the whole image appears as corners.</p>
<p id="borderimg2a">border-image: url(../html_beg/images/border2.png) 20% round;</p>
<p id="borderimg2b">border-image: url(../html_beg/images/border2.png) 30% round;</p>
</body>
Using the above image, we can create the following three borders:
border-image: url(../html_beg/images/border.png) 50 round;
border-image: url(../html_beg/images/border.png) 20% round;
border-image: url(../html_beg/images/border.png) 30% round;
Using the above image, we can create the following three borders:
border-image: url(../html_beg/images/border1.png) 50 round;
border-image: url(../html_beg/images/border1.png) 20% round;
border-image: url(../html_beg/images/border1.png) 30% round;
Using the above image, we can create the following three borders:
border-image: url(../html_beg/images/border2.png) 50 round;
Because this is only a 8pixel slice, the whole image appears as corners.
border-image: url(../html_beg/images/border2.png) 20% round;
border-image: url(../html_beg/images/border2.png) 30% round;
