თვისება text-orientation

თვისება text-orientation ადგენს სიმბოლოების ორიენტაციას ვერტიკალურ ტექსტში, ანუ რომელსაც აქვს მინიჭებული თვისება writing-mode მნიშვნელობებით vertical-lr ან vertical-rl. თვისება იღებს ორ მნიშვნელობას: mixed (სიმბოლოები ბრუნავენ 90° საათის ისრის მიმართულებით) ან upright (სიმბოლოები განლაგებულია ერთმანეთის ქვეშ).

სინტაქსი

cssსელექტორი {
  text-orientation: mixed ან upright;
}

მაგალითი

მოდით, ყველა სიმბოლოს ვერტიკალურ ტექსტში მივანიჭოთ 90°-ით შემობრუნება:

html<p>
  ტექსტი
</p>

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

Результат:

მაგალითი

მოდით, ყველა სიმბოლო ვერტიკალურ ტექსტში განვათავსოთ ერთმანეთის ქვეშ:

html<p>
  ტექსტი
</p>

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

Результат:

იხილეთ აგრეთვე