CSS border-image-outset Property

❮ ယခင် CSS အကိုးအကားကို အပြီးသတ်ပါ ။ နောက်တစ်ခု ❯

ဥပမာ

အနားသတ်ပုံအား အစိတ်အပိုင်းတစ်ခု၏ နယ်နိမိတ်အစွန်းများအပြင်ဘက်တွင် 10 ပစ်ဇယ်ကို ထားပါ။

#borderimg {
border-image-source: url(border.png);
border-image-outset: 10px;
}

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

ပိုင်ဆိုင်မှု သည် border-image-outsetနယ်ခြားပုံဧရိယာ နယ်နိမိတ်ပုံးထက် ကျော်လွန်သည့် ပမာဏကို သတ်မှတ်ပေးသည်။

အကြံပြုချက်- နယ်စပ်-ရုပ်ပုံ ပိုင်ဆိုင်မှု (border-image-* ဂုဏ်သတ္တိများအားလုံးကို သတ်မှတ်ခြင်းအတွက် လက်တိုပစ္စည်း) ကိုလည်း ကြည့်ရှုပါ ။

မူလတန်ဖိုး:	၀ယ်တယ်။
အမွေဆက်ခံသည်-	မဟုတ်ဘူး
သက်ဝင်လှုပ်ရှားနိုင်သော	မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။
ဗားရှင်း-	CSS3
JavaScript syntax-	အရာဝတ္ထု .style.borderImageOutset="10px"

Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။

Property
border-image-outset	15.0	11.0	15.0	6.0	15.0

CSS Syntax

border-image-outset: length|number|initial|inherit;

မှတ်ချက်border-image-outset ။ _ စတုတ္ထတန်ဖိုးကို ချန်လှပ်ထားပါက၊ ၎င်းသည် ဒုတိယတန်ဖိုးနှင့် တူညီသည်။ တတိယတစ်မျိုးကိုလည်း ချန်လှပ်ထားပါက ပထမတစ်ခုနှင့် အတူတူပင်ဖြစ်ပါသည်။ ဒုတိယတစ်ခုကိုလည်း ချန်လှပ်ထားရင် ပထမတစ်ခုနဲ့ အတူတူပါပဲ။

အိမ်ခြံမြေတန်ဖိုးများ

Value	Description	Play it
length	A length unit specifying how far from the edges the border-image will appear. Default value is 0
number	Represent multiples of the corresponding border-width
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-repeat ပိုင်ဆိုင်မှု

CSS ရည်ညွှန်းချက်- border-image-slice ပိုင်ဆိုင်မှု

CSS ရည်ညွှန်းချက်- border-image-source ပိုင်ဆိုင်မှု

CSS ရည်ညွှန်းချက်- border-image-width ပိုင်ဆိုင်မှု

HTML DOM ရည်ညွှန်းချက်- borderImageOutset ပိုင်ဆိုင်မှု