ပုံစံ boxShadow Property
ဥပမာ
div အစိတ်အပိုင်းတစ်ခုသို့ box-shadow ကိုထည့်ပါ-
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
boxShadow ပိုင်ဆိုင်မှုသည် အကွက်ဒြပ်စင်တစ်ခု၏ drop-shadows ကို သတ်မှတ်ပေးသည် သို့မဟုတ် ပြန်ပေးသည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
boxShadow | Yes | 9.0 | Yes | 5.1.1 | Yes |
အထားအသို
boxShadow ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.boxShadow
boxShadow ပိုင်ဆိုင်မှုကိုသတ်မှတ်ပါ-
object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"
မှတ်ချက် ။ ပိုင်ဆိုင်မှုသည် အရှည် 2-4 ခု၊ စိတ်ကြိုက်အရောင်နှင့် စိတ်ကြိုက်ထည့်သွင်းထားသောသော့ချက်စာလုံးတစ်ခုစီဖြင့် သတ်မှတ်ထားသည့် အရိပ်များကော်မာ-ခြားထားသောစာရင်းတစ်ခုဖြစ်သည်။ ချန်လှပ်ထားသော အရှည်များမှာ 0 ဖြစ်သည်။
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
none | Default value. No shadow is displayed |
h-shadow | Required. The position of the horizontal shadow. Negative values are allowed |
v-shadow | Required. The position of the vertical shadow. Negative values are allowed |
blur | Optional. The blur distance |
spread | Optional. The size of shadow |
color | Optional. The color of the shadow. The default value is black. Look at CSS Color Values for a complete list of possible color values. Note: In Safari (on PC) the color parameter is required. If you do not specify the color, the shadow is not displayed at all. |
inset | Optional. Changes the shadow from an outer shadow (outset) to an inner shadow |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မရှိ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ အကွက်အရိပ် ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- အကွက်-အရိပ် ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု