Pokud hledáte způsob, jak nastavit typ svisle, nejlepší bude pravděpodobně CSS writing-mode
.
Pokud se pokoušíte jen otočit nějaký text, můžete takto otočit celé prvky, které jej otočí o 90 stupňů proti směru hodinových ručiček:
.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); )
Vlastnost rotace filtru BasicImage aplikace Internet Explorer může přijmout jednu ze čtyř hodnot: 0, 1, 2 nebo 3, která otočí prvek o 0, 90, 180 nebo 270 stupňů.
Přečtěte si také tento blogový příspěvek o bočních záhlavích.
Podívejte se na
záhlaví pera Sideways by Chris Coyier (@chriscoyier)
na CodePen.
Podívejte se na
rotaci záhlaví pera od Grahama Clarka (@Cheesetoast)
na CodePen.