Sifa ya writing-mode

Sifa writing-mode inaweka mwelekeo wa maandishi wima au usioimarisha kwenye ukurasa. Thamani zinaweza kuwa horizontal-tb (kwa usawa kutoka kushoto kwenda kulia na kutoka juu kwenda chini), vertical-rl (kwa wima kutoka juu kwenda chini na kutoka kulia kwenda kushoto), vertical-lr (kwa wima kutoka juu kwenda chini na kutoka kushoto kwenda kulia).

Kioweko

csskichaguzi {
  writing-mode: horizontal-tb au vertical-rl au vertical-lr;
}

Mfano

Wacha tuweke mwelekeo wa maandishi yetu kwa usawa kutoka kushoto kwenda kulia na kutoka juu kwenda chini:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: horizontal-tb;
  font-size: 2em;
  margin-top: 0;
}

Результат:

Mfano

Sasa hebu tubadilishe mwelekeo kwa wima kutoka juu kwenda chini na kutoka kulia kwenda kushoto:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-rl;
  font-size: 2em;
  margin-top: 0;
}

Результат:

Mfano

Wacha tuweke mwelekeo wa maandishi yetu kwa wima kutoka juu kwenda chini na kutoka kushoto kwenda kulia:

html<p>
  Maandishi
</p>

cssbody {
  width: 100px;
  height: 50px;
}
p {
  writing-mode: vertical-lr;
  font-size: 2em;
  margin-top: 0;
}

Результат:

Tazama pia