bymas.ru | Просмотр архива

Файл color/6.html
Вес запакованого файла 502b (502 b)
Вес распакованого файла: 2.8Kb (2909 b)
Метод сжатия: 8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <style>

 #Text {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: tb-rl; /* текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 #Texta {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: lr-tb; /* текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 #Textb {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: rl-tb; /*текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 #Textc {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: tb-lr; /*текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 #Textd {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: bt-rl; /*текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 #Texte {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: bt-lr; /*текст */
     width: 100px; /* ширина блока */
     height: 100px; /* высота блока */
 }
 </style>

</head>
<body>

 <div id="Text">Test</div><br>
 <div id="Texta">Test</div><br>
 <div id="Textb">Test</div><br>
 <div id="Textc">Test</div><br>
 <div id="Textd">Test</div><br>
 <div id="Texte">Test</div>

</body>
</html>