A text-orientation tulajdonság

A text-orientation tulajdonság a karakterek tájolását határozza meg függőleges szövegben, azaz amelyre a writing-mode tulajdonság van beállítva a vertical-lr vagy vertical-rl értékekkel. A tulajdonság két értéket fogad el: mixed (a karakterek 90°-kal elfordulnak az óramutató járása szerint) vagy upright (a karakterek egymás alá helyezkednek el).

Szintaxis

cssszelektor {
  text-orientation: mixed vagy upright;
}

Példa

Állítsuk be az összes függőleges szöveg karakterének elfordítását 90°-kal:

html<p>
  Szöveg
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  text-orientation: mixed;
  background: #467CBC;
  color: white;
  padding: 10px;
  font-size: 2rem;
  writing-mode: vertical-lr;
}

Результат:

Példa

Helyezzük el az összes függőleges szöveg karakterét egymás alá:

html<p>
  Szöveg
</p>

cssbody {
  width: 200px;
  height: 100px;
}
p {
  text-orientation: upright;
  background: #467CBC;
  color: white;
  padding: 10px;
  font-size: 2rem;
  writing-mode: vertical-lr;
}

Результат:

Lásd még