CSS border-image-source Property
ဥပမာ
ပုံတစ်ပုံကို ဒြပ်စင်တစ်ဝိုက်ရှိ ဘောင်အဖြစ် သတ်မှတ်ပါ-
#borderimg
{
border-image-source: url(border.png);
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
border-image-source
ပိုင်ဆိုင်မှုသည် နယ်ခြားအဖြစ်အသုံးပြုရန် ပုံဆီသို့ လမ်းကြောင်းကို သတ်မှတ်သည် (ဒြပ်စင်တစ်ခုပတ်လည်ရှိ ပုံမှန်ဘောင်အစား) ။
အကြံပြုချက်- တန်ဖိုးသည် "မရှိပါ" ဆိုလျှင် သို့မဟုတ် ပုံအား မပြသနိုင်ပါက၊ ဘောင်စတိုင်များကို အသုံးပြုပါမည်။
အကြံပြုချက်- နယ်စပ်-ရုပ်ပုံ ပိုင်ဆိုင်မှု (border-image-* ဂုဏ်သတ္တိများအားလုံးကို သတ်မှတ်ခြင်းအတွက် လက်တိုပစ္စည်း) ကိုလည်း ကြည့်ရှုပါ ။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.borderImageSource="url(border.png)" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Syntax
border-image-source: none|image|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Border ပုံများ
CSS ရည်ညွှန်းချက်- နယ်စပ်-ပုံ ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-outset ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-repeat ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-slice ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-width ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- borderImageSource ပိုင်ဆိုင်မှု