writing-mode ගුණය

writing-mode ගුණය පිටුවක පෙළේ සිරස් හෝ තිරස් දිශාව සකසයි. අගයන් horizontal-tb (තිරස් වමේ සිට දකුණට සහ ඉහළ සිට පහළට), vertical-rl (සිරස් ඉහළ සිට පහළට සහ දකුණේ සිට වමට), vertical-lr (සිරස් ඉහළ සිට පහළට සහ වමේ සිට දකුණට) විය හැක.

වාක්‍ය රචනය

cssතෝරන්නා {
  writing-mode: horizontal-tb හෝ vertical-rl හෝ 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;
}

Результат:

මෙයද බලන්න