style boxShadow သုံးသပ်
- အရှေ့လိုက် စား bottom
- နောက်လိုက် စား boxSizing
- အထိပ်သို့ ပြန်ပြောင်း HTML DOM Style အရာ
ကြောင်းလုပ်သည် နှင့် အသုံးပြု
ဖော်ပြ အဖွဲ့အစည်း အစိတ်အပိုင်း ပြင်ဆင်
အခြား ကြည့်ရှု
CSS ပြည့်ပြည့် ကြည့်ရှုbox-shadow သုံးသပ်
အကျိုးသမား
div အဖွဲ့အစည်း သုံးသပ် box-shadow ပြင်ဆင်
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
အက္ခရာ
boxShadow သုံးသပ် လုပ်ဆောင်ရသော အရင်းအမြစ်
object.style.boxShadow
boxShadow သုံးသပ် ကြည့်ရှု
object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"
အကြောင်းကြားဖော်ပြ boxShadow
သုံးသပ် အရင်းအမြစ်
| အရင်းအမြစ် | ဖော်ပြ |
|---|---|
| none | မည်သည့် အရင်းအမြစ် |
| h-shadow | လိုအပ် |
| v-shadow | လိုအပ် |
| blur | ဆိုင်းသမား |
| spread | ဆိုင်းသမား |
| color |
ဆိုင်းသမား ကြည့်ရှု CSS အရင်းအမြစ်အရင်းအမြစ် ပြည့်ပြည့် အသုံးပြု အကြောင်းကြားSafari (PC ပေါ်) တွင်color ပြင်ဆင်သည် စက်ရုံး |
| inset | ဆိုင်းသမား |
| initial | သုံးသပ် အရင်းအမြစ် သုံးပြီ initial。 |
| inherit | အဖွဲ့အစည်းမှ သုံးသပ် မျှော်လင့် inherit。 |
နည်းပညာဆိုင်ရာ အချက်
| မည်သည့် အရင်းအမြစ် | မရှိ |
|---|---|
| လုပ်ဆောင်ရသော အရင်းအမြစ် | ကစ်ရှိသော အကြောင်းအရာ box-shadow သုံးသပ်。 |
| CSS အမျိုးအစား: | CSS3 |
ဘွတ်စ်သူ ကူးကြောင်း
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| ထောက်ပံ့ | 9.0 | ထောက်ပံ့ | 5.1 | ထောက်ပံ့ |
- အရှေ့လိုက် စား bottom
- နောက်လိုက် စား boxSizing
- အထိပ်သို့ ပြန်ပြောင်း HTML DOM Style အရာ
