Die writing-mode Eienskap

Die eienskap writing-mode stel die vertikale of horisontale rigting van teks op die bladsy. Waardes kan wees horizontal-tb (horisontaal van links na regs en van bo na onder), vertical-rl (vertikaal van bo na onder en van regs na links), vertical-lr (vertikaal van bo na onder en van links na regs).

Sintaksis

cssselekteerder {
  writing-mode: horizontal-tb of vertical-rl of vertical-lr;
}

Voorbeeld

Kom ons stel die rigting van ons teks horisontaal van links na regs en van bo na onder:

html<p>
  Teks
</p>

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

Результат:

Voorbeeld

En nou, laat ons die rigting verander na vertikaal van bo na onder en van regs na links:

html<p>
  Teks
</p>

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

Результат:

Voorbeeld

Kom ons stel die rigting van ons teks vertikaal van bo na onder en van links na regs:

html<p>
  Teks
</p>

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

Результат:

Kyk ook na