A writing-mode tulajdonság

A writing-mode tulajdonság a szöveg függőleges vagy vízszintes irányát határozza meg a weboldalon. Az értékek lehetnek horizontal-tb (vízszintesen balról jobbra és felülről lefelé), vertical-rl (függőlegesen felülről lefelé és jobbról balra), vertical-lr (függőlegesen felülről lefelé és balról jobbra).

Szintaxis

cssszelektor {
  writing-mode: horizontal-tb vagy vertical-rl vagy vertical-lr;
}

Példa

Állítsuk be a szövegünk irányát vízszintesen balról jobbra és felülről lefelé:

html<p>
  Szöveg
</p>

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

Результат:

Példa

Most pedig változtassuk meg az irányt függőlegesen felülről lefelé és jobbról balra:

html<p>
  Szöveg
</p>

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

Результат:

Példa

Állítsuk be a szövegünk irányát függőlegesen felülről lefelé és balról jobbra:

html<p>
  Szöveg
</p>

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

Результат:

Lásd még