Global Guideline . COM Read
By using border-image: property of css3 we can create a border using images like below

.roundpcds

{

border-image:url(borderpcds.png) 30 30 round;

-moz-border-image:url(borderpcds.png) 30 30 round; /* Firefox */

-webkit-border-image:url(borderpcds.png) 30 30 round; /* Safari and Chrome */

-o-border-image:url(borderpcds.png) 30 30 round; /* Opera */

}

.stretchPcds

{

-moz-border-image:url(borderpcds.png) 30 30 stretch; /* Firefox */

-webkit-border-image:url(borderpcds.png) 30 30 stretch; /* Safari and Chrome */

-o-border-image:url(borderpcds.png) 30 30 stretch; /* Opera */

border-image:url(borderpcds.png) 30 30 stretch;

}