Si ce que vous recherchez est un moyen de définir le type verticalement, le meilleur pari est probablement le CSS writing-mode.
Si vous essayez simplement de tourner du texte, vous pouvez faire pivoter des éléments entiers comme celui-ci, ce qui le fait pivoter de 90 degrés dans le sens antihoraire:
.rotate ( transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need… */ /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); )La propriété de rotation du filtre BasicImage d'Internet Explorer peut accepter l'une des quatre valeurs suivantes: 0, 1, 2 ou 3, ce qui fera pivoter l'élément de 0, 90, 180 ou 270 degrés respectivement.
Voir également ce billet de blog sur les en-têtes latéraux.
Voir les en-
têtes Pen Sideways de Chris Coyier (@chriscoyier)
sur CodePen.
Voir la
rotation latérale de l'en-tête du stylo par Graham Clark (@Cheesetoast)
sur CodePen.