Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>Reference for fieldset vertical</title>
<link rel=stylesheet href=resources/fieldset-vertical.css>
<p>vertical-lr
<div style="writing-mode: vertical-lr">
<div class=fieldset><div class="legend top">foo bar</div>normal</div>
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
<div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
<div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
<div class=fieldset><div class="legend top">foo bar</div>align=left</div>
<div class=fieldset><div class="legend center">foo bar</div>align=center</div>
<div class=fieldset><div class="legend bottom">foo bar</div>align=right</div>
</div>
<hr>
<p>vertical-rl
<div style="writing-mode: vertical-rl">
<div class=fieldset><div class="legend top">foo bar</div>normal</div>
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
<div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
<div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
<div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
<div class=fieldset><div class="legend top">foo bar</div>align=left</div>
<div class=fieldset><div class="legend center">foo bar</div>align=center</div>
<div class=fieldset><div class="legend bottom">foo bar</div>align=right</div></div>