CSS border-image-slice ပိုင်ဆိုင်မှု
ဥပမာ
နယ်နိမိတ်ပုံ ဖြတ်နည်းကို သတ်မှတ်ပါ-
#borderimg {
border-image-slice: 30%;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် border-image-sourceborder-image-slice
ဖြင့် သတ်မှတ်ထားသော ပုံကို လှီးဖြတ်နည်းကို သတ်မှတ်
ပေးပါသည်။ ပုံကို အမြဲတမ်း အပိုင်းကိုးပိုင်းခွဲထားသည်- လေးထောင့်၊ အစွန်းလေးခုနှင့် အလယ်။
ဖြည့်စွက်သော့ချက်စာလုံးကို သတ်မှတ်မထားပါက "အလယ်" အပိုင်းကို အပြည့်အဝ ပွင့်လင်းမြင်သာမှုအဖြစ် သတ်မှတ်သည်။
အကြံပြုချက်- နယ်စပ်-ရုပ်ပုံ ပိုင်ဆိုင်မှု (border-image-* ဂုဏ်သတ္တိများအားလုံးကို သတ်မှတ်ခြင်းအတွက် လက်တိုပစ္စည်း) ကိုလည်း ကြည့်ရှုပါ ။
မူလတန်ဖိုး: | 100% |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.borderImageSlice="30%" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Syntax
border-image-slice: number|%|fill|initial|inherit;
မှတ်ချက်- ပစ္စည်း border-image-slice
သည် တန်ဖိုးတစ်ခုမှ လေးခုအထိ ယူနိုင်သည်။ စတုတ္ထတန်ဖိုးကို ချန်လှပ်ထားပါက၊ ၎င်းသည် ဒုတိယတန်ဖိုးနှင့် တူညီသည်။ တတိယတစ်မျိုးကိုလည်း ချန်လှပ်ထားပါက ပထမတစ်ခုနှင့် အတူတူပင်ဖြစ်ပါသည်။ ဒုတိယတစ်ခုကိုလည်း ချန်လှပ်ထားရင် ပထမတစ်ခုနဲ့ အတူတူပါပဲ။
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
number | The number(s) represent pixels for raster images or coordinates for vector images | |
% | Percentages are relative to the height or width of the image | |
fill | Causes the middle part of the image to be displayed | |
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-source ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-width ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- borderImageSlice ပိုင်ဆိုင်မှု