diff options
Diffstat (limited to 'layout/reftests/details-summary/details-writing-mode-ref.html')
| -rw-r--r-- | layout/reftests/details-summary/details-writing-mode-ref.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/details-writing-mode-ref.html b/layout/reftests/details-summary/details-writing-mode-ref.html new file mode 100644 index 000000000..120040973 --- /dev/null +++ b/layout/reftests/details-summary/details-writing-mode-ref.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<!-- Any copyright is dedicated to the Public Domain. + - http://creativecommons.org/publicdomain/zero/1.0/ --> + +<html> + <style> + body { + display: grid; + grid-template-rows: auto; + grid-template-columns: repeat(3, 150px); + } + .details { + border: 1px solid lightblue; + } + </style> + <body> + <div class="details" style="writing-mode: horizontal-tb; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + <div class="details" style="writing-mode: vertical-rl; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + <div class="details" style="writing-mode: vertical-lr; direction: ltr;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + <div class="details" style="writing-mode: horizontal-tb; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + <div class="details" style="writing-mode: vertical-rl; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + <div class="details" style="writing-mode: vertical-lr; direction: rtl;"> + <summary>Summary</summary> + <p>This is the details.</p> + </div> + </body> +</html> |