Thuta Learning
ရှာဖွေရန်
BasicWeb Developmentbeginner

Text Styling

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

  • Text readability ကိုတိုးတက်အောင် style လုပ်ရန်

စာသား styling မှာ အလှပဲကြည့်လို့မရပါဘူး။ ဖတ်ရလွယ်မှုက အဓိကပါ။ Burmese paragraph တွေမှာ line-height ကိုနည်းနည်းကျယ်ပေးရင် မျက်စိမပင်ပန်းဘဲဖတ်လို့ကောင်းပါတယ်။ text-align, text-decoration, text-transform, letter-spacing စတာတွေကို content type အလိုက် သုံးနိုင်ပါတယ်။

css
.article-text {
  text-align: left;
  line-height: 1.8;
  letter-spacing: 0.01em;
}

.article-link {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
You should see
Article စာသားတွေက line height ကျယ်လာပြီး ဖတ်ရပိုသက်သာမယ်။ Link တွေက underline အစား border-bottom နဲ့ပိုသန့်သပ်တဲ့ style ဖြစ်ပါမယ်။

Tip

Burmese content အတွက် paragraph width မကျယ်လွန်းတာကောင်းပါတယ်။ စာကြောင်းအရှည်ကြီးတွေက reader ကို စာအုပ်မဟုတ်ဘဲ tax form ဖတ်နေရသလိုခံစားစေနိုင်ပါတယ်။

Text Styling | Thuta Learning