CSS border-image-repeat Property
ဥပမာ
နယ်ခြားပုံကို ပြန်လုပ်နည်းကို သတ်မှတ်ပါ-
#borderimg
{
border-image-source: url(border.png);
border-image-repeat: repeat;
}
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် border-image-repeat
နယ်နိမိတ်ပုံအား ထပ်ခါတလဲလဲ၊ အဝိုင်းပုံ၊ အကွာအဝေး သို့မဟုတ် ဆန့်သင့်သည်များကို သတ်မှတ်ပေးသည်။
အကြံပြုချက်- နယ်စပ်-ရုပ်ပုံ ပိုင်ဆိုင်မှု (border-image-* ဂုဏ်သတ္တိများအားလုံးကို သတ်မှတ်ခြင်းအတွက် လက်တိုပစ္စည်း) ကိုလည်း ကြည့်ရှုပါ ။
မူလတန်ဖိုး: | ဆန့် |
---|---|
အမွေဆက်ခံသည်- | မဟုတ်ဘူး |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.borderImageRepeat="round" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-image-repeat | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Syntax
border-image-repeat: stretch|repeat|round|space|initial|inherit;
မှတ်ချက် ။ ဒီတော့ ဒီနေရာမှာ တန်ဖိုးနှစ်ခု သတ်မှတ်နိုင်ပါတယ်။ ဒုတိယတန်ဖိုးကို ချန်လှပ်ထားပါက၊ ၎င်းသည် ပထမတန်ဖိုးနှင့် တူညီသည်ဟု ယူဆပါသည်။
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
stretch | Default value. The image is stretched to fill the area | |
repeat | The image is tiled (repeated) to fill the area | |
round | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the image is rescaled so it fits | |
space | The image is tiled (repeated) to fill the area. If it does not fill the area with a whole number of tiles, the extra space is distributed around the tiles | |
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-slice ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-source ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- border-image-width ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်းချက်- borderImageRepeat ပိုင်ဆိုင်မှု