Nếu những gì bạn đang tìm kiếm là một cách để thiết lập loại theo chiều dọc, tốt nhất bạn nên đặt là CSS writing-mode.
Nếu bạn chỉ đang cố gắng xoay một số văn bản, bạn có thể xoay toàn bộ phần tử như thế này, xoay nó 90 độ ngược chiều kim đồng hồ:
.rotate ( transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need… */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); )Thuộc tính xoay của bộ lọc BasicImage của Internet Explorer có thể chấp nhận một trong bốn giá trị: 0, 1, 2 hoặc 3 sẽ xoay phần tử tương ứng 0, 90, 180 hoặc 270 độ.
Cũng xem bài đăng trên blog này về tiêu đề nghiêng.
Xem
Tiêu đề Pen Sideways của Chris Coyier (@chriscoyier)
trên CodePen.
Xem phần
xoay tiêu đề Pen Sideways của Graham Clark (@Cheesetoast)
trên CodePen.