30 lines
1.2 KiB
HTML
30 lines
1.2 KiB
HTML
<style>
|
|
@import url(resources/Mac-compatible-font-fallback.css);
|
|
|
|
.bidi1 {
|
|
direction: rtl;
|
|
-webkit-rtl-ordering: logical;
|
|
width: 100px;
|
|
}
|
|
.bidi2 {
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
.bidi3 {
|
|
width: 100px;
|
|
}
|
|
</style>
|
|
<p>
|
|
This tests that bidirectional text is correctly rendered in popup controls.<br>
|
|
The order of the text below each popup button should match the order of the select's option text, and the order of the text in the popup menu.
|
|
</p>
|
|
1) direction: rtl; -webkit-rtl-ordering: logical<br>
|
|
<select class="bidi1"><option>abcאפרסמון</option></select><br>
|
|
<div class="bidi1" style="direction: ltr">abcאפרסמון</div><br>
|
|
2) text-align: right<br>
|
|
<select class="bidi2"><option>abcאפרסמון</option></select><br>
|
|
<div class="bidi2" style="text-align: left">abcאפרסמון</div><br>
|
|
3) No style<br>
|
|
<select class="bidi3"><option>abcאפרסמון</option></select><br>
|
|
<div class="bidi3">abcאפרסמון</div><br>
|