घूर्णन घुमाने के बिना नीचे से ऊपर तक लंबवत पाठ कैसे लिखें?

Question

writing-mode के साथ आप केवल पाठ को ऊपर से नीचे तक पढ़ सकते हैं। https://developer.mozilla.org/en/docs/Web/CSS/writing-mode

के अनुसार मेरे पास एकमात्र विकल्प sideways का उपयोग कर रहा है। लेकिन यह विशेषता प्रयोगात्मक है।

.verticalTxt_lr { 
    writing-mode: vertical-lr; 
} 
.verticalTxt_rl { 
    writing-mode: vertical-rl; 
} 
.rotate { 
    transform: rotateZ(270deg); 

} 

https://jsfiddle.net/thadeuszlay/5ueopnqu/2/

मैं सलाखों पर लेबल लिखने के लिए खड़ी बनना चाहता था, लेकिन यह नीचे से शुरू कर देना चाहिए।

http://jsfiddle.net/thadeuszlay/3HL4a/2402/

घुमाने के साथ की कोशिश कर रहा है जब बार चार्ट इसलिए मैं खड़ी ग्रंथों कि आपके सिर बाईं ओर झुका के साथ पढ़ा जा सकता है बनाने के लिए एक और तरीका के लिए देख रहा हूँ एनिमेट मुझे एक अजीब व्यवहार देता है। तालिका कोशिकाओं के अंदर बुरा width और height सेटिंग्स के बिना

.rotated { 
 
     writing-mode: tb-rl; 
 
     transform: rotate(-180deg); 
 
    }

<div class="rotated">Text from bottom with working width/height</div>

यह मेरे लिए काम करता है:

Answer 1

मैं writing-mode और rotation संयुक्त।