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

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

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

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

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

တန်ဖိုးများ

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

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

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

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

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

Результат:

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

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

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

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

Результат:

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

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

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

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

Результат: