text-decoration-style ဂုဏ်သတ္တိ

text-decoration-style ဂုဏ်သတ္တိသည် စာသားရှိ လိုင်းအမျိုးအစားကို ပြောင်းလဲပေးသည်- တစ်ကြောင်းတည်းသော လိုင်း၊ နှစ်ထပ်၊ အစက်အမှတ်ပုံစံ၊ ဒက်ရှ်ပုံစံ၊ လှိုင်းတွန့်ပုံစံ လိုင်း။

ဤဂုဏ်သတ္တိကို text-decoration-line နှင့် text-decoration-color ဂုဏ်သတ္တိများနှင့် ပေါင်းစပ်အသုံးပြုသင့်သည်။ ဤဂုဏ်သတ္တိများသည် text-decoration ဂုဏ်သတ္တိ၏လုပ်ဆောင်ချက်ကို တိုးချဲ့ပေးပြီး၊ ပိုမိုအဆင့်မြင့်သော အစားထိုးများ ဖြစ်သည်။

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

selector {
	text-decoration-line: solid | double | dotted | dashed | wavy;
}

တန်ဖိုးများ

တန်ဖိုး	ဖော်ပြချက်
`solid`	အစဉ်လိုက် လိုင်း။
`double`	နှစ်ထပ်လိုင်း။
`dotted`	အစက်အမှတ်ပုံစံ လိုင်း။
`dashed`	ဒက်ရှ်ပုံစံ လိုင်း။
`wavy`	လှိုင်းတွန့်ပုံစံ လိုင်း။

စံထားတန်ဖိုး- solid။

ဥပမာ . wavy တန်ဖိုး

ယခု စာသားသည် အနီရောင်လှိုင်းတွန့်လိုင်းဖြင့် မျဉ်းသားထားသွားမည်-

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

#elem {
	text-decoration-style: wavy;
	text-decoration-color: red;
	text-decoration-line: underline;
}

ဥပမာ . dotted တန်ဖိုး

ယခု စာသားသည် အနီရောင်အစက်အမှတ်လိုင်းဖြင့် မျဉ်းသားထားသွားမည်-

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

#elem {
	text-decoration-style: dotted;
	text-decoration-color: red;
	text-decoration-line: underline;
}

ဥပမာ . double တန်ဖိုး

ယခု စာသားသည် အနီရောင်နှစ်ထပ်လိုင်းဖြင့် ဖြတ်ကန့်ထားသွားမည်-

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

#elem {
	text-decoration-style: double;
	text-decoration-color: red;
	text-decoration-line: line-through;
}