text-shadow ပိုင်ဆိုင်မှု

text-shadow ပိုင်ဆိုင်မှုသည် စာသားကို အရိပ်ထိုးပေးသည်။ တန်ဖိုးအဖြစ် ပိုင်ဆိုင်မှုက 4 ခုသော အကန့်သတ်ချက်များကို လက်ခံပြီး ၎င်းတို့ကို ကြားခံနေရာဖြင့် ခွဲခြားရသည်၊ သို့မဟုတ် သော့ချက်စကားလုံး none ကို သုံးနိုင်သည်၊ ယင်းသည် အရိပ်ကို အပြီးအပိုင် ပယ်ဖျက်ပေးသည် (ဤတန်ဖိုးသည် မူလအတိုင်း သတ်မှတ်ထားသော တန်ဖိုးဖြစ်သည်)။

ဝါကျဖွဲ့စည်းပုံ

ရွေးချယ်သူ {
	text-shadow: x_ပေါ့စျေနွှေ့ y_ပေါ့စျေနွှေ့ မှုန်ဝါးမှု အရောင်;
}

ရွေးချယ်သူ {
	text-shadow: none;
}

အကန့်သတ်ချက်များ

အကန့်သတ်ချက်	ရှင်းလင်းချက်
x ပေါ့စျေနွှေ့	X ဝင်ရိုးတလျှောက် အရိပ်ကို ရွှေ့ပြောင်းပေးသည်။ အပြုသဘော တန်ဖိုးသည် ညာဘက်သို့ ရွှေ့ပြောင်းပေးသည်၊ အပျက်သဘော တန်ဖိုးသည် ဘယ်ဘက်သို့ ရွှေ့ပြောင်းပေးသည်။
y ပေါ့စျေနွှေ့	Y ဝင်ရိုးတလျှောက် အရိပ်ကို ရွှေ့ပြောင်းပေးသည်။ အပြုသဘော တန်ဖိုးသည် အောက်ဘက်သို့ ရွှေ့ပြောင်းပေးသည်၊ အပျက်သဘော တန်ဖိုးသည် အပေါ်ဘက်သို့ ရွှေ့ပြောင်းပေးသည်။
မှုန်ဝါးမှု	အရိပ်၏ မှုန်ဝါးမှုကို သတ်မှတ်ပေးသည်။ တန်ဖိုးကြီးလေလေ အရိပ်သည် ပို၍မှုန်ဝါးလေလေ ဖြစ်လိမ့်မည်။ ချန်လှပ်ထားနိုင်သော အကန့်သတ်ချက်။ အကယ်၍ မသတ်မှတ်ပါက အရိပ်သည် ပြတ်သားနေမည်။
အရောင်	�ရိပ်၏ အရောင်ကို အရောင်အတွက် ယူနစ်များဖြင့် သတ်မှတ်ပေးသည်။ ချန်လှပ်ထားနိုင်သော အကန့်သတ်ချက်။ အကယ်၍ မသတ်မှတ်ပါက အရိပ်၏အရောင်သည် စာသား၏အရောင်နှင့် တူညီမည်။

ဝင်ရိုးများတလျှောက် ရွှေ့ပြောင်းမှုများနှင့် မှုန်ဝါးမှုကို အရွယ်အစားအတွက် ယူနစ်များဖြင့် သတ်မှတ်နိုင်သည်၊ ရာခိုင်နှုန်းမှလွဲ၍။

နမူနာ

အရိပ်ကို အောက်ဘက်နှင့် ဘယ်ဘက်သို့ ရွှေ့ပြီး မှုန်ဝါးမှုအနည်းငယ် ထည့်ကြည့်ကြပါစို့။

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 5px 5px 3px black;
}

နမူနာ . ပြတ်သားသောအရိပ်

ယခု အရိပ်၏အရောင်ကို အနီရောင်လုပ်ပြီး၊ အောက်ဘက်နှင့် ဘယ်ဘက်သို့ ရွှေ့သော်လည်း မှုန်ဝါးမှုကို ဖယ်ရှားလိုက်ပါမည် - အရိပ်သည် ပြတ်သားနေမည်။

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 10px 10px red;
}

နမူနာ . ညီညာသောအရိပ်

ယခု အရိပ်ကို မရွှေ့ပြောင်းဘဲ ထားပြီး မှုန်ဝါးမှု ထည့်ပေးထားသည်။

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 0px 0px 3px black;
}

ဤအကြောင်းကိုလည်း ကြည့်ပါ

box-shadow ပိုင်ဆိုင်မှု၊
ယင်းသည် ကွန်တိန်နာကို အရိပ်ထိုးပေးသည်