зеркало из https://github.com/mozilla/gecko-dev.git
55 строки
1.2 KiB
HTML
55 строки
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<script>
|
|
addEventListener('DOMContentLoaded', function(){
|
|
obj1.style.writingMode = "rl";
|
|
obj2.style.writingMode = "rl";
|
|
//obj3.style.writingMode = "rl";
|
|
//obj4.style.writingMode = "rl";
|
|
obj5.style.writingMode = "rl";
|
|
sobj1.style.writingMode = "rl";
|
|
sobj2.style.writingMode = "rl";
|
|
//sobj3.style.writingMode = "rl";
|
|
//sobj4.style.writingMode = "rl";
|
|
sobj5.style.writingMode = "rl";
|
|
});
|
|
</script>
|
|
<body style="writing-mode:tb">
|
|
<button style="display:grid">
|
|
<div id=obj1></div>
|
|
</button>
|
|
<button style="display:inline-grid">
|
|
<div id=obj2></div>
|
|
</button>
|
|
<!--
|
|
<button style="display:flex">
|
|
<div id=obj3></div>
|
|
</button>
|
|
<button style="display:inline-flex">
|
|
<div id=obj4></div>
|
|
</button>
|
|
-->
|
|
<button style="columns:2">
|
|
<div id=obj5></div>
|
|
</button>
|
|
|
|
<button style="display:grid; overflow:hidden">
|
|
<div id=sobj1></div>
|
|
</button>
|
|
<button style="display:inline-grid; overflow:hidden">
|
|
<div id=sobj2></div>
|
|
</button>
|
|
<!--
|
|
<button style="display:flex; overflow:hidden">
|
|
<div id=sobj3></div>
|
|
</button>
|
|
<button style="display:inline-flex; overflow:hidden">
|
|
<div id=sobj4></div>
|
|
</button>
|
|
-->
|
|
<button style="columns:2; overflow:hidden">
|
|
<div id=sobj5></div>
|
|
</button>
|
|
</body>
|
|
</html>
|