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. Das sollte also in einem @supports-Block stehen. Nachtrag: Im Pen jetzt gemacht.

Man kann sich überlegen, ob man den Text in dem Fall dann vertikal, aber andersrum (nicht um 180° gedreht) möchte oder gar nicht vertikal.

Im zweiten Fall kommt writing-mode: vertical-rl mit in den @supports-Block. Das IE-Pendant ist dann hinfällig.

Gunnar, was erzählst du da für einen Unsinn? „In dem Fall“ meint hier nicht: wenn writing-mode: vertical-rl unterstützt wird. Das wird ja sowieso nur von Browsern interpretiert, die dieses Feature unterstützen. Da ist es gleich, ob das in einem @supports(writing-mode: vertical-rl)-Block steht oder nicht.

Was eigentlich mit „in dem Fall“ gemeint war: wenn @supports() unterstützt wird. Also nicht im IE. (Aber in Edge, Firefox, Safari, Chrome.)

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.

LLAP 🖖