Làm thế nào để bạn xoay văn bản trong html?

Thử nó

cú pháp

/* Keyword values */
text-orientation: mixed;
text-orientation: upright;
text-orientation: sideways-right;
text-orientation: sideways;
text-orientation: use-glyph-orientation;

/* Global values */
text-orientation: inherit;
text-orientation: initial;
text-orientation: revert;
text-orientation: revert-layer;
text-orientation: unset;

Thuộc tính text-orientation được chỉ định là một từ khóa duy nhất từ ​​danh sách bên dưới

giá trị

text-orientation = 
  mixed     |
  upright   |
  sideways  

Xoay các ký tự của tập lệnh nằm ngang 90° theo chiều kim đồng hồ. Bố trí các ký tự của các chữ viết dọc một cách tự nhiên. Giá trị mặc định

text-orientation = 
  mixed     |
  upright   |
  sideways  

Bố trí các ký tự của các chữ viết ngang một cách tự nhiên (thẳng đứng), cũng như các ký tự cho các chữ viết dọc. Lưu ý rằng từ khóa này khiến tất cả các ký tự được coi là từ trái sang phải. giá trị được sử dụng của

text-orientation = 
  mixed     |
  upright   |
  sideways  

text-orientation = 
  mixed     |
  upright   |
  sideways  

text-orientation = 
  mixed     |
  upright   |
  sideways  

Làm cho các ký tự được sắp xếp theo chiều ngang, nhưng toàn bộ dòng được xoay 90° theo chiều kim đồng hồ

text-orientation = 
  mixed     |
  upright   |
  sideways  

Bí danh của

text-orientation = 
  mixed     |
  upright   |
  sideways  

text-orientation = 
  mixed     |
  upright   |
  sideways  

Trên các phần tử SVG, từ khóa này dẫn đến việc sử dụng giá trị của các thuộc tính SVG không dùng nữa là

text-orientation = 
  mixed     |
  upright   |
  sideways  

text-orientation = 
  mixed     |
  upright   |
  sideways  

định nghĩa chính thức

Giá trị ban đầu

text-orientation = 
  mixed     |
  upright   |
  sideways