CSS text-shadow Property
ဥပမာ
အခြေခံစာသားအရိပ်-
h1
{
text-shadow: 2px 2px #ff0000;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှုသည် စာသားသို့ အ text-shadow
ရိပ်ထည့်သည်။
ဤပိုင်ဆိုင်မှုသည် စာသားအတွက် အသုံးပြုရန် ကော်မာ-ခြားထားသော အရိပ်များစာရင်းကို လက်ခံသည်။
မူလတန်ဖိုး: | မရှိ |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS3 |
JavaScript syntax- | အရာဝတ္ထု .style.textShadow="2px 5px 5px အနီရောင်" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
CSS Syntax
text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit;
မှတ်ချက်- စာသားတွင် အရိပ်တစ်ခုထက်ပိုထည့်ရန်၊ ကော်မာ-ခြားထားသော အရိပ်များစာရင်းကို ထည့်ပါ။
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
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-radius | Optional. The blur radius. Default value is 0 | |
color | Optional. The color of the shadow. Look at CSS Color Values for a complete list of possible color values | |
none | Default value. No shadow | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
အကြံပြုချက်- ခွင့်ပြုထားသောတန်ဖိုးများ (CSS အရှည်ယူနစ်များ) အကြောင်း ပိုမိုဖတ်ရှုပါ။
နောက်ထပ် ဥပမာများ
ဥပမာ
မှုန်ဝါးသောအကျိုးသက်ရောက်မှုရှိသော စာသားအရိပ်-
h1 {
text-shadow: 2px 2px 8px #FF0000;
}
ဥပမာ
အဖြူရောင်စာသားပေါ်ရှိ စာသားအရိပ်-
h1 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
ဥပမာ
အနီရောင်နီယွန်တောက်တောက်ဖြင့် စာသားအရိပ်-
h1 {
text-shadow: 0 0 3px #FF0000;
}
ဥပမာ
အနီရောင်နှင့် အပြာရောင်နီယွန်တောက်ပသည့် စာသားအရိပ်-
h1 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Text Shadow
HTML DOM ရည်ညွှန်းချက်- textShadow ပိုင်ဆိုင်မှု