استفاده از تصویر به عنوان Border در CSS3

با استفاده از خاصیت border-image در CSS3 می توانید از تصویر به عنوان حاشیه استفاده کنید.

خاصیت border-image به شما اجازه می دهد تا از یک تصویر به عنوان border استفاده نمایید.

تصویر اصلی که برای ساخت border بالا استفاده شده است:

Border

مثال (استفاده از تصویر به عنوان Border در CSS3)

استفاده از یک تصویر برای ساخت حاشیه های یک عنصر <div>

div
{
border-image:url(border.png) 30 30 round;
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 and older */
-o-border-image:url(border.png) 30 30 round; /* Opera */
}
خودتان امتحان کنید »

آموزش های مرتبط

آموزش CSS3-گرد کردن گوشه ها