نمونه کد استفاده از border-image در CSS

برنامه نویس و مشاور امنیتی
میلاد خوشدل
#borderimg {     border: 10px solid transparent;     padding: 15px;     -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */     -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */     border-image: url(border.png) 30 round; }  
#borderimg {     border: 10px solid transparent;     padding: 15px;     -webkit-border-image: url(border.png) 30 stretch; /* Safari 3.1-5 */     -o-border-image: url(border.png) 30 stretch; /* Opera 11-12.1 */     border-image: url(border.png) 30 stretch; }  
#borderimg1 {     border: 10px solid transparent;     padding: 15px;     -webkit-border-image: url(border.png) 50 round; /* Safari 3.1-5 */     -o-border-image: url(border.png) 50 round; /* Opera 11-12.1 */     border-image: url(border.png) 50 round; }  #borderimg2 {     border: 10px solid transparent;     padding: 15px;     -webkit-border-image: url(border.png) 20% round; /* Safari 3.1-5 */     -o-border-image: url(border.png) 20% round; /* Opera 11-12.1 */     border-image: url(border.png) 20% round; }  #borderimg3 {     border: 10px solid transparent;     padding: 15px;     -webkit-border-image: url(border.png) 30% round; /* Safari 3.1-5 */     -o-border-image: url(border.png) 30% round; /* Opera 11-12.1 */     border-image: url(border.png) 30% round; }  
میلاد خوشدل

در حوزه‌ی امنیت وب و شبکه فعالیت می کند، عاشق پارکور است و مدیریت دیتاسنتر، امن سازی شبکه های مخابراتی و کابلی و برنامه نویسی وب و موبایل از تجارب کاری او می باشد. او در حال حاضر بنیانگذار ریجاکس است.

نظر خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

9 + نوزده =

تگ های html مجاز به استفاده می باشند: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ارسال یک پیام