mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
Bug 1119475 - tests pt 1 - Reftests for logical properties used in UA stylesheets. r=heycam
This commit is contained in:
Jonathan Kew
parent
8f1ccf4a6c
commit
16af412aa1
@ -38,6 +38,29 @@ fuzzy(116,64) HTTP(..) == 1115916-1-vertical-metrics.html 1115916-1-vertical-met
|
||||
== 1122366-1-margin-collapse.html 1122366-1-margin-collapse-ref.html
|
||||
== 1124636-1-fieldset-max-height.html 1124636-1-fieldset-max-height-ref.html
|
||||
== 1124636-2-fieldset-min-height.html 1124636-2-fieldset-min-height-ref.html
|
||||
|
||||
== ua-style-sheet-margin-1.html ua-style-sheet-margin-1-ref.html
|
||||
== ua-style-sheet-margin-2.html ua-style-sheet-margin-2-ref.html
|
||||
== ua-style-sheet-margin-3.html ua-style-sheet-margin-3-ref.html
|
||||
== ua-style-sheet-margin-4.html ua-style-sheet-margin-4-ref.html
|
||||
== ua-style-sheet-margin-5.html ua-style-sheet-margin-5-ref.html
|
||||
== ua-style-sheet-margin-6.html ua-style-sheet-margin-6-ref.html
|
||||
== ua-style-sheet-margin-7.html ua-style-sheet-margin-7-ref.html
|
||||
== ua-style-sheet-margin-8.html ua-style-sheet-margin-8-ref.html
|
||||
== ua-style-sheet-margin-9.html ua-style-sheet-margin-9-ref.html
|
||||
== ua-style-sheet-margin-10.html ua-style-sheet-margin-10-ref.html
|
||||
== ua-style-sheet-margin-11.html ua-style-sheet-margin-11-ref.html
|
||||
== ua-style-sheet-margin-12.html ua-style-sheet-margin-12-ref.html
|
||||
== ua-style-sheet-margin-13.html ua-style-sheet-margin-13-ref.html
|
||||
== ua-style-sheet-margin-14.html ua-style-sheet-margin-14-ref.html
|
||||
== ua-style-sheet-border-1.html ua-style-sheet-border-1-ref.html
|
||||
== ua-style-sheet-border-2.html ua-style-sheet-border-2-ref.html
|
||||
== ua-style-sheet-border-3.html ua-style-sheet-border-3-ref.html
|
||||
== ua-style-sheet-border-4.html ua-style-sheet-border-4-ref.html
|
||||
== ua-style-sheet-border-5.html ua-style-sheet-border-5-ref.html
|
||||
== ua-style-sheet-border-6.html ua-style-sheet-border-6-ref.html
|
||||
== ua-style-sheet-size-1.html ua-style-sheet-size-1-ref.html
|
||||
== ua-style-sheet-size-2.html ua-style-sheet-size-2-ref.html
|
||||
HTTP(..) == 1127488-align-default-horizontal-tb-ltr.html 1127488-align-top-left-ref.html
|
||||
HTTP(..) == 1127488-align-start-horizontal-tb-ltr.html 1127488-align-top-left-ref.html
|
||||
HTTP(..) == 1127488-align-end-horizontal-tb-ltr.html 1127488-align-top-right-ref.html
|
||||
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on blockquote elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
.ltr blockquote { margin: 1em 0; padding: 0 0 0 1em; border: none; border-left: thin solid blue; }
|
||||
.rtl blockquote { margin: 1em 0; padding: 0 1em 0 0; border: none; border-right: thin solid blue; }
|
||||
.v-rl blockquote { margin: 0 1em; padding: 1em 0 0 0; border: none; border-top: thin solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
16
layout/reftests/writing-mode/ua-style-sheet-border-1.html
Normal file
16
layout/reftests/writing-mode/ua-style-sheet-border-1.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on blockquote elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<blockquote type=cite>Block quote</blockquote>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on tr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
tr { border: none; }
|
||||
.ltr tr { border-top: thin solid; border-bottom: thin solid; }
|
||||
.rtl tr { border-top: thin solid; border-bottom: thin solid; }
|
||||
.v-rl tr { border-left: thin solid; border-right: thin solid; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
27
layout/reftests/writing-mode/ua-style-sheet-border-2.html
Normal file
27
layout/reftests/writing-mode/ua-style-sheet-border-2.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on tr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=rows>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on td elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
td { border: none; }
|
||||
.ltr td { border-left: thin solid; border-right: thin solid; }
|
||||
.rtl td { border-left: thin solid; border-right: thin solid; }
|
||||
.v-rl td { border-top: thin solid; border-bottom: thin solid; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
27
layout/reftests/writing-mode/ua-style-sheet-border-3.html
Normal file
27
layout/reftests/writing-mode/ua-style-sheet-border-3.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on td elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=cols>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on colgroup elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
colgroup { border: none; }
|
||||
.ltr colgroup { border-left: thin solid; border-right: thin solid; }
|
||||
.rtl colgroup { border-left: thin solid; border-right: thin solid; }
|
||||
.v-rl colgroup { border-top: thin solid; border-bottom: thin solid; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
30
layout/reftests/writing-mode/ua-style-sheet-border-4.html
Normal file
30
layout/reftests/writing-mode/ua-style-sheet-border-4.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on colgroup elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=groups>
|
||||
<colgroup span=2><col><col></colgroup>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on tbody elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
tbody { border: none; }
|
||||
.ltr tbody { border-top: thin solid; border-bottom: thin solid; }
|
||||
.rtl tbody { border-top: thin solid; border-bottom: thin solid; }
|
||||
.v-rl tbody { border-left: thin solid; border-right: thin solid; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
39
layout/reftests/writing-mode/ua-style-sheet-border-5.html
Normal file
39
layout/reftests/writing-mode/ua-style-sheet-border-5.html
Normal file
@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on tbody elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table rules=groups>
|
||||
<tbody>
|
||||
<tr><td>A1</td><td>A2</td><td>A3</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td>B1</td><td>B2</td><td>B3</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on abbr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
abbr { border: none; }
|
||||
.ltr abbr { border-bottom: 1px dotted; }
|
||||
.rtl abbr { border-bottom: 1px dotted; }
|
||||
.v-rl abbr { border-left: 1px dotted; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
16
layout/reftests/writing-mode/ua-style-sheet-border-6.html
Normal file
16
layout/reftests/writing-mode/ua-style-sheet-border-6.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical borders on abbr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<abbr title=Title>Abbrev.</abbr>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on p elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr p { margin: 1em 0; }
|
||||
.rtl p { margin: 1em 0; }
|
||||
.v-rl p { margin: 0 1em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
16
layout/reftests/writing-mode/ua-style-sheet-margin-1.html
Normal file
16
layout/reftests/writing-mode/ua-style-sheet-margin-1.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on p elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<p>Paragraph</p>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
|
||||
caption { margin: 0; }
|
||||
.ltr caption { margin: 0 auto 0 0; }
|
||||
.rtl caption { margin: 0 auto 0 0; }
|
||||
.v-rl caption { margin: auto 0 0 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
27
layout/reftests/writing-mode/ua-style-sheet-margin-10.html
Normal file
27
layout/reftests/writing-mode/ua-style-sheet-margin-10.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=right>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=right>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=right>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on ul elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr ul { margin: 1em 0; padding: 0 0 0 40px; }
|
||||
.rtl ul { margin: 1em 0; padding: 0 40px 0 0; }
|
||||
.v-rl ul { margin: 0 1em; padding: 40px 0 0 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
22
layout/reftests/writing-mode/ua-style-sheet-margin-11.html
Normal file
22
layout/reftests/writing-mode/ua-style-sheet-margin-11.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on ul elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ul>
|
||||
<li>Item</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on ol elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr ol { margin: 1em 0; padding: 0 0 0 40px; }
|
||||
.rtl ol { margin: 1em 0; padding: 0 40px 0 0; }
|
||||
.v-rl ol { margin: 0 1em; padding: 40px 0 0 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
22
layout/reftests/writing-mode/ua-style-sheet-margin-12.html
Normal file
22
layout/reftests/writing-mode/ua-style-sheet-margin-12.html
Normal file
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on ol elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</div>
|
||||
@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on nested ul/ol elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
ul { border: 1px solid purple; }
|
||||
.ltr ul { margin: 1em 0; padding: 0 0 0 40px; }
|
||||
.rtl ul { margin: 1em 0; padding: 0 40px 0 0; }
|
||||
.v-rl ul { margin: 0 1em; padding: 40px 0 0 0; }
|
||||
ol { margin: 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
35
layout/reftests/writing-mode/ua-style-sheet-margin-13.html
Normal file
35
layout/reftests/writing-mode/ua-style-sheet-margin-13.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on nested ul/ol elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
ul { border: 1px solid purple; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<ul>
|
||||
<li>
|
||||
<ol>
|
||||
<li>Item</li>
|
||||
</ol>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on hr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
hr { width: 100px; height: 100px; }
|
||||
.ltr hr { margin: 0.5em auto; }
|
||||
.rtl hr { margin: 0.5em auto; }
|
||||
.v-rl hr { margin: auto 0.5em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<hr>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<hr>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<hr>
|
||||
</div>
|
||||
17
layout/reftests/writing-mode/ua-style-sheet-margin-14.html
Normal file
17
layout/reftests/writing-mode/ua-style-sheet-margin-14.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on hr elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
hr { width: 100px; height: 100px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<hr>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<hr>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<hr>
|
||||
</div>
|
||||
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on dl and dd elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr dl { margin: 1em 0; }
|
||||
.rtl dl { margin: 1em 0; }
|
||||
.v-rl dl { margin: 0 1em; }
|
||||
dd { margin: 0; }
|
||||
.ltr dd { margin-left: 40px; }
|
||||
.rtl dd { margin-right: 40px; }
|
||||
.v-rl dd { margin-top: 40px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
16
layout/reftests/writing-mode/ua-style-sheet-margin-2.html
Normal file
16
layout/reftests/writing-mode/ua-style-sheet-margin-2.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on dl and dd elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<dl><dt>term</dt><dd>definition</dd></dl>
|
||||
</div>
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on blockquote elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr blockquote { margin: 1em 40px; }
|
||||
.rtl blockquote { margin: 1em 40px; }
|
||||
.v-rl blockquote { margin: 40px 1em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
16
layout/reftests/writing-mode/ua-style-sheet-margin-3.html
Normal file
16
layout/reftests/writing-mode/ua-style-sheet-margin-3.html
Normal file
@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on blockquote elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<blockquote>Block quote</blockquote>
|
||||
</div>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on h[123] elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
h1, h2, h3 { font-size: 16px; border: 1px solid purple; }
|
||||
.ltr h1 { margin: 0.67em 0; }
|
||||
.rtl h1 { margin: 0.67em 0; }
|
||||
.v-rl h1 { margin: 0 0.67em; }
|
||||
.ltr h2 { margin: 0.83em 0; }
|
||||
.rtl h2 { margin: 0.83em 0; }
|
||||
.v-rl h2 { margin: 0 0.83em; }
|
||||
.ltr h3 { margin: 1em 0; }
|
||||
.rtl h3 { margin: 1em 0; }
|
||||
.v-rl h3 { margin: 0 1em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
23
layout/reftests/writing-mode/ua-style-sheet-margin-4.html
Normal file
23
layout/reftests/writing-mode/ua-style-sheet-margin-4.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on h[123] elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
h1, h2, h3 { font-size: 16px; border: 1px solid purple; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<h1>Heading 1</h1>
|
||||
<h2>Heading 2</h2>
|
||||
<h3>Heading 3</h3>
|
||||
</div>
|
||||
@ -0,0 +1,32 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on h[456] elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
h4, h5, h6 { font-size: 16px; border: 1px solid purple; }
|
||||
.ltr h4 { margin: 1.33em 0; }
|
||||
.rtl h4 { margin: 1.33em 0; }
|
||||
.v-rl h4 { margin: 0 1.33em; }
|
||||
.ltr h5 { margin: 1.67em 0; }
|
||||
.rtl h5 { margin: 1.67em 0; }
|
||||
.v-rl h5 { margin: 0 1.67em; }
|
||||
.ltr h6 { margin: 2.33em 0; }
|
||||
.rtl h6 { margin: 2.33em 0; }
|
||||
.v-rl h6 { margin: 0 2.33em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
23
layout/reftests/writing-mode/ua-style-sheet-margin-5.html
Normal file
23
layout/reftests/writing-mode/ua-style-sheet-margin-5.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on h[456] elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
h4, h5, h6 { font-size: 16px; border: 1px solid purple; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<h4>Heading 4</h4>
|
||||
<h5>Heading 5</h5>
|
||||
<h6>Heading 6</h6>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on listing elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr listing { margin: 1em 0; }
|
||||
.rtl listing { margin: 1em 0; }
|
||||
.v-rl listing { margin: 0 1em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
19
layout/reftests/writing-mode/ua-style-sheet-margin-6.html
Normal file
19
layout/reftests/writing-mode/ua-style-sheet-margin-6.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on listing elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<listing>Listing line 1
|
||||
Listing line 2</listing>
|
||||
</div>
|
||||
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on pre elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
.ltr pre { margin: 1em 0; }
|
||||
.rtl pre { margin: 1em 0; }
|
||||
.v-rl pre { margin: 0 1em; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
19
layout/reftests/writing-mode/ua-style-sheet-margin-7.html
Normal file
19
layout/reftests/writing-mode/ua-style-sheet-margin-7.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on pre elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<pre>pre line 1
|
||||
pre line 2</pre>
|
||||
</div>
|
||||
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; }
|
||||
caption { margin: 0; }
|
||||
.ltr caption { margin: 0 auto; }
|
||||
.rtl caption { margin: 0 auto; }
|
||||
.v-rl caption { margin: auto 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
27
layout/reftests/writing-mode/ua-style-sheet-margin-8.html
Normal file
27
layout/reftests/writing-mode/ua-style-sheet-margin-8.html
Normal file
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
@ -0,0 +1,33 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
|
||||
caption { margin: 0; }
|
||||
.ltr caption { margin: 0 0 0 auto; }
|
||||
.rtl caption { margin: 0 0 0 auto; }
|
||||
.v-rl caption { margin: 0 0 auto 0; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
29
layout/reftests/writing-mode/ua-style-sheet-margin-9.html
Normal file
29
layout/reftests/writing-mode/ua-style-sheet-margin-9.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on caption elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
||||
table { border: 1px solid purple; }
|
||||
caption { border: 1px solid orange; display: block; width: 100px; height: 100px; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
<!-- disabled because tables are not yet vertical-aware; bug 1077521
|
||||
<div class=v-rl>
|
||||
<table align=center>
|
||||
<td>Table that is bigger than its caption</td>
|
||||
<caption align=left>Caption</caption>
|
||||
</table>
|
||||
</div>
|
||||
-->
|
||||
20
layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html
Normal file
20
layout/reftests/writing-mode/ua-style-sheet-size-1-ref.html
Normal file
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on marquee elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
marquee { background-color: yellow; color: transparent; }
|
||||
.ltr marquee { width: -moz-available; height: auto; }
|
||||
.rtl marquee { width: -moz-available; height: auto; }
|
||||
.v-rl marquee { width: auto; height: -moz-available; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
17
layout/reftests/writing-mode/ua-style-sheet-size-1.html
Normal file
17
layout/reftests/writing-mode/ua-style-sheet-size-1.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical sizes on marquee elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
marquee { background-color: yellow; color: transparent; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<marquee>A</marquee>
|
||||
</div>
|
||||
20
layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html
Normal file
20
layout/reftests/writing-mode/ua-style-sheet-size-2-ref.html
Normal file
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical margins on marquee elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
marquee { background-color: yellow; color: transparent; }
|
||||
.ltr marquee { width: -moz-available; height: 200px; }
|
||||
.rtl marquee { width: -moz-available; height: 200px; }
|
||||
.v-rl marquee { width: 200px; height: -moz-available; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
17
layout/reftests/writing-mode/ua-style-sheet-size-2.html
Normal file
17
layout/reftests/writing-mode/ua-style-sheet-size-2.html
Normal file
@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<meta charset=utf-8>
|
||||
<title>Test for logical sizes on marquee elements in the UA style sheet</title>
|
||||
<style>
|
||||
.v-rl { writing-mode: vertical-rl; }
|
||||
.ltr, .rtl, .v-rl { border: 1px solid blue; padding: 16px; }
|
||||
marquee { background-color: yellow; color: transparent; }
|
||||
</style>
|
||||
<div class=ltr>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
<div class=rtl dir=rtl>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
<div class=v-rl>
|
||||
<marquee direction=down>A</marquee>
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user