Text drehen in einem Grid-Layout
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> > Dabei fällt mir noch ein: Die Drehung um 180° darf man natürlich nur machen, wenn `writing-mode: vertical-rl` (bzw. das IE-Pendant) unterstützt wird.
>
> Für IE muss man sich überlegen, ob man den Text vertikal (aber eben andersrum als in anderen Browsern) haben möchte oder ganz normal aufrecht.
Nö, muss man gar nicht, da die Unterstützung von `-ms-transform` (ab IE 9) erst nach der Unterstützung von `-ms-writing-mode` (ab IE 6 oder sogar noch früher) implementiert wurde.
Die Deklaration `-ms-transform: rotate(180deg);` (mit Präfix!) sollte also außerhalb eines `@supports`-Block stehen dürfen.
Im [Codepen](https://codepen.io/gunnarbittersmann/pen/vJEzrX) ergänzt.
In IE 8 und früher ist der Text dann eben vertikal, aber eben andersrum als in anderen Browsern. Die Relevanz ist kleiner als ε.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Text drehen in einem Grid-Layout
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> > Dabei fällt mir noch ein: Die Drehung um 180° darf man natürlich nur machen, wenn `writing-mode: vertical-rl` (bzw. das IE-Pendant) unterstützt wird.
>
> Für IE muss man sich überlegen, ob man den Text vertikal (aber eben andersrum als in anderen Browsern) haben möchte oder ganz normal aufrecht.
Nö, muss man gar nicht, da die Unterstützung von `-ms-transform` (ab IE 9) erst nach der Unterstützung von `-ms-writing-mode` (ab IE 6 oder sogar noch früher) implementiert wurde.
Die Deklaration `-ms-transform: rotate(180deg);` (mit Präfix!) sollte also außerhalb eines `@supports`-Block stehen dürfen.
Im [Codepen](https://codepen.io/gunnarbittersmann/pen/vJEzrX) ergänzt.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)
Text drehen in einem Grid-Layout
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> > Dabei fällt mir noch ein: Die Drehung um 180° darf man natürlich nur machen, wenn `writing-mode: vertical-rl` (bzw. das IE-Pendant) unterstützt wird.
>
> Für IE muss man sich überlegen, ob man den Text vertikal (aber eben andersrum als in anderen Browsern) haben möchte oder ganz normal aufrecht.
Nö, muss man gar nicht, da die Unterstützung von `-ms-transform` erst nach der Unterstützung von `-ms-writing-mode` implementiert wurde.
Die Deklaration `-ms-transform: rotate(180deg);` (mit Präfix!) sollte also außerhalb eines `@supports`-Block stehen dürfen.
Im [Codepen](https://codepen.io/gunnarbittersmann/pen/vJEzrX) ergänzt.
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)