writing-mode ဂုဏ်သတ္တိ

writing-mode ဂုဏ်သတ္တိသည် စာမျက်နှာပေါ်ရှိ စာသား၏ ဒေါင်လိုက် သို့မဟုတ် ရေပြင်ညီ ဦးတည်ချက်ကို သတ်မှတ်ပေးသည်။ တန်ဖိုးများမှာ horizontal-tb (ဘယ်မှညာသို့ ရေပြင်ညီနှင့် အပေါ်မှအောက်သို့), vertical-rl (ညာမှဘယ်သို့ ဒေါင်လိုက်နှင့် အပေါ်မှအောက်သို့), vertical-lr (ဘယ်မှညာသို့ ဒေါင်လိုက်နှင့် အပေါ်မှအောက်သို့) ဖြစ်နိုင်သည်။

ဝါကျဖွဲ့ပုံ

cssselector {
  writing-mode: horizontal-tb or vertical-rl or vertical-lr;
}

ဥပမာ

ကျွန်ုပ်တို့၏ စာသားအား ဘယ်မှညာသို့ ရေပြင်ညီနှင့် အပေါ်မှအောက်သို့ ဦးတည်ချက်သတ်မှတ်ကြပါစို့:

html<p>
  စာသား
</p>
cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: horizontal-tb;
  font-size: 2em;
  margin-top: 0;
}

Результат:

ဥပမာ

ယခု ညာမှဘယ်သို့ ဒေါင်လိုက်နှင့် အပေါ်မှအောက်သို့ ဦးတည်ချက်ကို ပြောင်းလဲကြည့်ကြပါစို့:

html<p>
  စာသား
</p>
cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-rl;
  font-size: 2em;
  margin-top: 0;
}

Результат:

ဥပမာ

ကျွန်ုပ်တို့၏ စာသားအား ဘယ်မှညာသို့ ဒေါင်လိုက်နှင့် အပေါ်မှအောက်သို့ ဦးတည်ချက်သတ်မှတ်ကြပါစို့:

html<p>
  စာသား
</p>
cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-lr;
  font-size: 2em;
  margin-top: 0;
}

Результат:

ဆက်လက်လေ့လာရန်

  • font-kerning ဂုဏ်သတ္တိ,
    သည် ဖောင့်အား ကာနင်းခြင်းကို သတ်မှတ်ပေးသည်
  • text-orientation ဂုဏ်သတ္တိ,
    သည် ဒေါင်လိုက်စာသားအတွင်း စာလုံးများ၏ အနေအထားကို သတ်မှတ်ပေးသည်