Kui otsitav on viis tüübi vertikaalseks seadmiseks, siis on parim variant ilmselt CSS writing-mode.
Kui proovite lihtsalt teksti keerata, saate pöörata terveid elemente niimoodi, mis pöörab seda 90 kraadi vastupäeva:
.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); )Internet Exploreri filtri BasicImage pööramisomadusega saab vastu võtta ühe neljast väärtusest: 0, 1, 2 või 3, mis pöörab elementi vastavalt 0, 90, 180 või 270 kraadi.
Vaadake ka seda blogipostitust külgmiste päiste kohta.
Vaadake
CodePenil Chris Coyieri (@chriscoyier) pliiatsi külgmised päised
.
Vaadake
Graham Clarki (@Cheesetoast) pliiatsi külgsuunas päise pööramist
CodePenis.