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;
}

Результат:

Сондай-ақ қараңыз