ပုံစံ borderImage Property
ဥပမာ
<div> ဒြပ်စင်တစ်ဝိုက်ရှိ ပုံတစ်ပုံကို ဘောင်အဖြစ် သတ်မှတ်ပါ-
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
borderImage ပိုင်ဆိုင်မှုသည် borderImageSource ၊ borderImageSlice ၊ borderImageWidth ၊ borderImageOutset နှင့် borderImageRepeat ဂုဏ်သတ္တိများကို သတ်မှတ်ခြင်းအတွက် အတိုကောက် ပိုင်ဆိုင်မှုတစ်ခုဖြစ်သည်။
ချန်လှပ်ထားသောတန်ဖိုးများကို ၎င်းတို့၏ မူရင်းတန်ဖိုးများအဖြစ် သတ်မှတ်ထားသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Webkit၊ Moz သို့မဟုတ် O ဖြင့်လိုက်သောနံပါတ်များသည် ရှေ့ဆက်တွဲတစ်ခုနှင့်အလုပ်လုပ်သော ပထမဆုံးဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0 Webkit |
11.0 | 15.0 3.5 Moz |
6.0 3.1 Webkit |
15.0 11.0 O |
အထားအသို
နယ်နိမိတ်ပုံ ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.borderImage
borderImage property ကို သတ်မှတ်ပါ-
object.style.borderImage = "source slice width outset repeat|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
borderImageSource | The path to the image to be used as a border |
borderImageSlice | The inward offsets of the image-border |
borderImageWidth | The widths of the image-border |
borderImageOutset | The amount by which the border image area extends beyond the border box |
borderImageRepeat | Whether the image-border should be repeated, rounded or stretched |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | none 100% 1 0 stretch |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ နယ်နိမိတ်ပုံ ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- ဘောင်-ပုံ ပိုင်ဆိုင်မှု