Text drehen in einem Grid-Layout

[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 ergänzt.

In IE 8 und früher ist der Text dann eben vertikal, aber andersrum als in anderen Browsern. Die Relevanz ist kleiner als ε.

LLAP 🖖