Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <table border="1"> <tbody> <tr> <th style="width: 10%"> <div class="vertical">KKKK</div> </th> <th style="width: 30%"> <div class="vertical">KKKKKKKK</div> </th> <th style="width: 70%"> <div class="vertical">KKKKKKKKKKKK</div> </th> </tr> </tbody> </table> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
table { width: 100%; border-collapse: collapse; } th { height: 300px; position: relative; } th div.vertical { -moz-transform:rotate(-90deg); -moz-transform-origin: middle center; -webkit-transform: rotate(-90deg); -webkit-transform-origin: middle center; -o-transform: rotate(-90deg); -o-transform-origin: middle center; transform: rotate(-90deg); transform-origin: middle center; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); text-align: left; width: 300px; position: absolute; left: 50%; margin-left: -1em; bottom: .4em; top: 0; line-height: 2em; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>