Để xoay văn bản 90 độ, thuộc tính "transform" được sử dụng. Góc quay được đặt theo giá trị độ đã chỉ định. Sử dụng tính năng này, bạn cũng có thể xác định các góc độ khác nhau của văn bản theo lựa chọn của mình. Trong bài viết này, chúng tôi đã giải thích cách xoay văn bản 90 độ bằng cách sử dụng thuộc tính biến đổi với sự trợ giúp của một ví dụ
Thuộc tính CSS text-orientation
đặt hướng của các ký tự văn bản trong một dòng. Nó chỉ ảnh hưởng đến văn bản ở chế độ dọc [khi
text-orientation =0 không phải là
mixed |
upright |
sideways
text-orientation =1]. Nó hữu ích để kiểm soát việc hiển thị các ngôn ngữ sử dụng chữ viết dọc và cũng để tạo tiêu đề bảng dọc
mixed |
upright |
sideways
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 =3
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 =4
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 =0 buộc phải là
mixed |
upright |
sideways
text-orientation =1
mixed |
upright |
sideways
text-orientation =2
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 =3
mixed |
upright |
sideways
Bí danh của
text-orientation =2 được giữ cho mục đích tương thích
mixed |
upright |
sideways
text-orientation =5
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 =6 và
mixed |
upright |
sideways
text-orientation =7
mixed |
upright |
sideways
định nghĩa chính thức
Giá trị ban đầu
text-orientation =3 Áp dụng cho tất cả các thành phần, ngoại trừ các nhóm hàng của bảng, hàng, nhóm cột và cộtKế thừaYesGiá trị được tính toán như đã chỉ địnhKiểu hoạt hìnhrời rạc
mixed |
upright |
sideways