पाठ रोटेशन - सीएसएस-ट्रिक्स

यदि आप जिस चीज की तलाश कर रहे हैं, वह लंबवत प्रकार सेट करने का एक तरीका है, तो आप सबसे अच्छा शर्त शायद सीएसएस है writing-mode।

यदि आप केवल कुछ पाठ चालू करने का प्रयास कर रहे हैं, तो आप पूरे तत्वों को इस तरह घुमा सकते हैं, जो इसे 90 डिग्री वामावर्त घुमाता है:

.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); )

Internet Explorer के BasicImage फ़िल्टर की रोटेशन संपत्ति चार मानों में से एक को स्वीकार कर सकती है: 0, 1, 2, या 3 जो क्रमशः तत्व 0, 90, 180 या 270 डिग्री को घुमाएगा।

बग़ल में हेडर के बारे में इस ब्लॉग पोस्ट को भी देखें।

CodePen
पर क्रिस कॉयर (@chriscoyier) द्वारा पेन साइडवेज हेडर्स देखें।

CodePen
पर ग्राहम क्लार्क (@Cheesetoast) द्वारा पेन साइडवेज हेडर रोटेशन देखें ।