စျမ်းဆိုင်ရာ ဗိုက်ပယ် အရိုး

အကြောင်းကြောင်း နှင့် အသုံးပြုခြင်း

border-image အခွင့်အရေး သည် အောက်ပါ အခွင့်အရေးများ အတွက် ပုံစံ ဖြစ်သည်

အဆိုအရင်း အသုံးပြုချင်း မဖြစ်လျှင် မူကြမ်း ပုံစံ ကို အသုံးပြုပါ

အကြိတborder-image-* အခွင့်အရေး အခွင့်အရေး ကို အသုံးပြုပြီး ပေါ့ပေါ့များ ဖြစ်သော အကျယ်တကယ် ဘာသာစကား ကို အသုံးပြုပါ

အခြား အချက်အလက်

CSS3 ပါရဂူCSS3 အကြပ်

အမှတ်အသား

ပုံ ကို ကိုယ်စားပြု ပြီး div အရိုး ကို အသုံးပြုပါ

div
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}

ကျွန်ုပ်ကိုယ် စမ်းသပ်လိုက်ကြပါ

အချက်အလက် ဘေးအရိုး ကို အော်ဆို့သည်。

CSS အသုံးပြုခြင်း

border-image: source slice width outset repeat|initial|inherit;

အခွင့်အရေး ပုံစံ

ပြင်ပ ဖော်ပြ စမ်းသပ်
border-image-source ဘေးအရိုး ပုံ အဆိုအရင်း
border-image-slice ပုံ ဘေးအရိုး သို့ အတွင်းသို့ ချိန်တွင်း
border-image-width ပုံ ဘေးအရိုး အကျယ်
border-image-outset ဘေးအရိုး အချက်အလက် အရွယ်ချင်း
border-image-repeat အချက်အလက် ဘေးအရိုး ကို ပြန်ပြိုင်ဆိုင်းပြီးချင်း သို့မဟုတ် ပြန်ပြိုင်ဆိုင်းပြီးချင်း သို့မဟုတ် ပြန်ပြိုင်ဆိုင်းပြီးချင်း ဖြင့် သုံးပြီးချင်း စမ်းသပ်

နည်းပါး အချက်အလက်

မူကြမ်း ပုံစံ none 100% 1 0 stretch
ဆက်နွယ်ရာ no
ပုံစံ CSS3
JavaScript အသုံးပြုခြင်း object.style.borderImage="url(border.png) 30 30 round"

အခြား အမှတ်အသား

Border-image ဘာသာစကား
ဘာသာစကား border-image အခွင့်အရေး border-image အခွင့်အရေး အသုံးပြုခြင်း ကို ပြသထားသည်。

ဘာသာစကား အထောက်အပံ့

အချက်အလက်များက အထူးသဖြင့် အကျိုးဆက်သည့် ဘာသာစကား ကို မှတ်ချက်ပြုထားသည်。

Chrome IE / Edge Firefox Safari Opera
16.0
4.0 -webkit-		 11.0 15.0
3.5 -moz-		 6.0
3.1 -webkit-		 15.0
11.0 -o-