[Résolu] Texte vertical ok mais comment le lire de bas en haut ?

Bonjour ,

J'ai suivi le processus sur
https://developer.mozilla.org/fr/docs/Web/CSS/writing-mode

J'ai utilisé

writing-mode: vertical-rl;

Mais, si le texte est bien vertical, comme je le souhaitais, je n'ai pas trouvé la commande pour le lire de bas en haut et non pas de haut en bas, ce qui est en plus, moins lisible.

Hello, un simple

transform: rotate(180deg)

en addition fera l'affaire

Bonjour,

sideways-rl est ce que tu recherches comme mode d'écriture ? Ça fonctionne dans mon Firefox et… voilà voila.
Là comme ça ma première idée serait de transform: rotate(180deg); le bloc (les dimensions X et Y ne changent pas, c'est safe). Prévoir qu'un formatting context est créé (dans le genre position: relative; mais encore un autre). En production (pour un client) j'y réfléchirais à 2 fois avant de faire ça mais la nuit a été courte

edit: grillage
Modifié par Felipe (28 Jun 2019 - 10:03)

Merci pour vos retours. Je ne parviens pas à utiliser la méthode rotante(180deg); qui a l'air géniale mais mon css est peut-être un peu bancal

.home-contact h2 {
	position: absolute;
	writing-mode: vertical-lr!important/*Texte vertical*/;
	text-align: center!important;
	background-color: green;
	right: 0px!important;
	display: block!important;
	height: 100%;
	z-index: 1!important;
	padding-right: 15px!important;
	padding-left: 15px!important;
}

et le résultat en pj est ok pour moi mis à part le sens du texte

En fait, j'y suis parvenu en utilisant

transform: rotate(-90deg);

Un très grand merci pour votre aide !!!