mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update web-platform-tests to revision 936827a6527f1c53051d3bc5bc79304c88c0737f
This commit is contained in:
WPT Sync Bot
parent
c585f4fff5
commit
02a68a38f0
338 changed files with 14862 additions and 2933 deletions
|
|
@ -0,0 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Reference: basic 'block ruby' layout.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
.b { background: lightblue; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
.columns {
|
||||
columns: 3 auto;
|
||||
column-rule: 1px;
|
||||
background: lightgrey;
|
||||
height: 2em;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
.w { white-space: nowrap; width:2.5em; }
|
||||
</style>
|
||||
A<div class=b><ruby>べ<rt>る</rt></ruby></div>B
|
||||
A<div class="mbp b"><ruby>べ<rt>る</rt></ruby></div>B
|
||||
<div class=columns>A<div class="mbp b"><ruby>べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt></ruby></div>B</div>
|
||||
<div style="width:2.5em; border:1px solid; text-align: center">
|
||||
<p><div class="w b"><ruby><rb>一<rb>二<rb>三<rb>四<rb>五<rb>六<rb>七<rb>八</ruby></div></p>
|
||||
<p><div class="w b"><ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby></div></p>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: basic 'block ruby' layout.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout">
|
||||
<link rel="match" href="block-ruby-001-ref.html">
|
||||
<style>
|
||||
ruby { display: block ruby; background: lightblue; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
.columns {
|
||||
columns: 3 auto;
|
||||
column-rule: 1px;
|
||||
background: lightgrey;
|
||||
height: 2em;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
A<ruby>べ<rt>る</rt></ruby>B
|
||||
A<ruby class=mbp>べ<rt>る</rt></ruby>B
|
||||
<div class=columns>A<ruby class=mbp>べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt> べ<rt>る</rt></ruby>B</div>
|
||||
<div style="width:2.5em; border:1px solid; text-align: center">
|
||||
<p><ruby><rb>一<rb>二<rb>三<rb>四<rb>五<rb>六<rb>七<rb>八</ruby></p>
|
||||
<p><ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby></p>
|
||||
</div>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: blockification/inlinification of 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
div,span { background: lightblue; }
|
||||
ruby { display: ruby; }
|
||||
rbb { display: ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
<grid>A<div><ruby>べ<rt>る</rt></ruby></div>B</grid>
|
||||
<grid>A<div class=mbp><ruby>べ<rt>る</rt></ruby></div>B</grid>
|
||||
<grid>A
|
||||
<div><ruby>べ<rt>る</rt></ruby></div>
|
||||
<div><ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby></div>
|
||||
B
|
||||
</grid>
|
||||
<span><ruby>べ<rt><rbb>る</rbb></rt></ruby></span>
|
||||
<span><ruby>べ<rbc><rbb>る</rbb></rbc></ruby></span>
|
||||
<span><ruby>べ<rtc><rbb>る</rbb></rtc></ruby></span>
|
||||
<span><ruby>べ<rbb>る</rbb></ruby></span>
|
||||
|
||||
<pre>block ruby, block ruby, block ruby, block ruby, ruby, ruby, ruby, ruby, ruby, ruby, ruby, ruby, </pre>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: blockification/inlinification of 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify">
|
||||
<link rel="match" href="block-ruby-002-ref.html">
|
||||
<style>
|
||||
ruby { display: ruby; background: lightblue; }
|
||||
rbb { display: block ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
<grid>A<ruby>べ<rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp>べ<rt>る</rt></ruby>B</grid>
|
||||
<grid>A
|
||||
<ruby>べ<rt>る</rt></ruby>
|
||||
<ruby><rbc>一</rbc><rbc>二</rbc><rbc>三</rbc><rbc>四</rbc><rbc>五</rbc><rbc>六</rbc><rbc>七</rbc><rbc>八</rbc></ruby>
|
||||
B
|
||||
</grid>
|
||||
<ruby>べ<rt><rbb>る</rbb></rt></ruby>
|
||||
<ruby>べ<rbc><rbb>る</rbb></rbc></ruby>
|
||||
<ruby>べ<rtc><rbb>る</rbb></rtc></ruby>
|
||||
<ruby>べ<rbb>る</rbb></ruby>
|
||||
|
||||
<pre></pre>
|
||||
<script>
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll('ruby,rbb'));
|
||||
let result = ruby.map(e => window.getComputedStyle(e).display + ', ').reduce((s, t) => s + t, "");
|
||||
document.querySelector('pre').appendChild(document.createTextNode(result));
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: Text node insertion in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
ruby { display: ruby; background: lightblue; }
|
||||
rbb { display: block ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
|
||||
<ruby class=mbp>X<rt>る</rt></ruby>
|
||||
<grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby>X<rt>る</rt></ruby><ruby>X<rbc></rbc></ruby>B</grid>
|
||||
<grid>A<ruby>X</ruby><ruby>X<rbc><rt>る</rt></rbc></ruby>B</grid>
|
||||
<ruby>X<rt><rbb>Xる</rbb></rt></ruby>
|
||||
<ruby>X<rbc><rbb>Xる</rbb></rbc></ruby>
|
||||
<ruby>X<rtc><rbb>Xる</rbb></rtc></ruby>
|
||||
<rbb class=mbp>X</rbb>
|
||||
<rbb class=mbp>X<rt>る</rt></rbb>
|
||||
<rbb class=mbp>X<rb>X</rb></rbb>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: Text node insertion in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify">
|
||||
<link rel="match" href="block-ruby-003-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
ruby { display: ruby; background: lightblue; }
|
||||
rbb { display: block ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
}
|
||||
</style>
|
||||
|
||||
<ruby class=mbp><rt>る</rt></ruby>
|
||||
<grid>A<ruby class=mbp><rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp><rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby><rt>る</rt></ruby><ruby><rbc></rbc></ruby>B</grid>
|
||||
<grid>A<ruby></ruby><ruby><rbc><rt>る</rt></rbc></ruby>B</grid>
|
||||
<ruby><rt><rbb>る</rbb></rt></ruby>
|
||||
<ruby><rbc><rbb>る</rbb></rbc></ruby>
|
||||
<ruby><rtc><rbb>る</rbb></rtc></ruby>
|
||||
<rbb class=mbp></rbb>
|
||||
<rbb class=mbp><rt>る</rt></rbb>
|
||||
<rbb class=mbp><rb>X</rb></rbb>
|
||||
|
||||
<script>
|
||||
document.body.getClientRects();
|
||||
let s = "X";
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll('ruby,rbb'));
|
||||
ruby.forEach(function(e){ e.insertBefore(document.createTextNode(s),e.firstChild); e.offsetHeight;});
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: RT append in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
ruby { display: ruby; background: lightblue; }
|
||||
rbb { display: block ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
font-size: 200%;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
ruby-position: under;
|
||||
}
|
||||
</style>
|
||||
|
||||
<rt>る</rt>
|
||||
<ruby class=mbp>X<rt>る</rt></ruby>
|
||||
<grid>A<ruby class=mbp><rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp>X<rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby>X<rt>る</rt></ruby><ruby><rbc></rbc><rt>る</rt></ruby>B</grid>
|
||||
<grid>A<ruby><rt>る</rt></ruby><ruby><rbc>X</rbc><rt>る</rt></ruby>B</grid>
|
||||
<ruby><rt><rbb>X<rt>る</rt></rbb></rt><rt>る</rt></ruby>
|
||||
<ruby><rbc><rbb>X<rt>る</rt></rbb></rbc><rt>る</rt></ruby>
|
||||
<ruby><rtc><rbb>X<rt>る</rt></rbb></rtc><rt>る</rt></ruby>
|
||||
<rbb class=mbp><rt>る</rt></rbb>
|
||||
<rbb class=mbp>X<rt>る</rt></rbb>
|
||||
<rbb class=mbp><rb>X</rb><rt>る</rt></rbb>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: RT append in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify">
|
||||
<link rel="match" href="block-ruby-004-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
ruby { display: ruby; background: lightblue; }
|
||||
rbb { display: block ruby; background: lightblue; }
|
||||
rbbr { display: block ruby; background: lightblue; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
font-size: 200%;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
ruby-position: under;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<rt>る</rt>
|
||||
<ruby class=mbp>X</ruby>
|
||||
<grid>A<ruby class=mbp></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp>X</ruby>B</grid>
|
||||
<grid>A<ruby>X</ruby><ruby><rbc></rbc></ruby>B</grid>
|
||||
<grid>A<ruby></ruby><ruby><rbc>X</rbc></ruby>B</grid>
|
||||
<ruby><rt><rbb>X</rbb></rt></ruby>
|
||||
<ruby><rbc><rbb>X</rbb></rbc></ruby>
|
||||
<ruby><rtc><rbb>X</rbb></rtc></ruby>
|
||||
<rbb class=mbp></rbb>
|
||||
<rbb class=mbp>X</rbb>
|
||||
<rbb class=mbp><rb>X</rb></rbb>
|
||||
|
||||
<script>
|
||||
document.body.getClientRects();
|
||||
let rt = document.querySelector('rt');
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll('ruby,rbb'));
|
||||
ruby.forEach(function(e){ let n = rt.cloneNode(true); e.appendChild(n); e.offsetHeight;});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>Reference: DIV append in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
rbb, ruby { background:lightblue; text-overflow:ellipses; }
|
||||
ruby { display: ruby; }
|
||||
rbb { display: block ruby; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
font-size: 200%;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
ruby-position: under;
|
||||
}
|
||||
x { display:block; width:3em; overflow:hidden; background:lightblue; }
|
||||
</style>
|
||||
|
||||
<div>zzzzzzzzzzzz</div>
|
||||
<ruby class=mbp>X<div>zzzzzzzzzzzz</div></ruby>
|
||||
<grid>A<x class=mbp><rbb><div>zzzzzzzzzzzz</div></rbb></x>B</grid>
|
||||
<grid>A<x class=mbp><rbb>X<div>zzzzzzzzzzzz</div></rbb></x>B</grid>
|
||||
<grid>A<x><rbb>X<div>zzzzzzzzzzzz</div></rbb></x><x><rbb><rbc></rbc><div>zzzzzzzzzzzz</div></rbb></x>B</grid>
|
||||
<grid>A<x><rbb><div>zzzzzzzzzzzz</div></rbb></x><x><rbb><rbc>X</rbc><div>zzzzzzzzzzzz</div></rbb></x>B</grid>
|
||||
<ruby><rt><ruby>X<div>zzzzzzzzzzzz</div></ruby></rt><div>zzzzzzzzzzzz</div></ruby>
|
||||
<ruby><rbc><ruby>X<div>zzzzzzzzzzzz</div></ruby></rbc><div>zzzzzzzzzzzz</div></ruby>
|
||||
<ruby><rtc><ruby>X<div>zzzzzzzzzzzz</div></ruby></rtc><div>zzzzzzzzzzzz</div></ruby>
|
||||
<x class=mbp><rbb><div>zzzzzzzzzzzz</div></rbb></x>
|
||||
<x class=mbp><rbb>X<div>zzzzzzzzzzzz</div></rbb></x>
|
||||
<x class=mbp><rbb><rt>X</rt><div>zzzzzzzzzzzz</div></rbb></x>
|
||||
<x class=mbp><rbb><rb>X</rb><div>zzzzzzzzzzzz</div></rbb></x>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja">
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Ruby Test: DIV append in 'display:ruby/block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify">
|
||||
<link rel="match" href="block-ruby-005-ref.html">
|
||||
<style>
|
||||
html,body {
|
||||
color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
|
||||
}
|
||||
|
||||
rbb, ruby { background:lightblue; text-overflow:ellipses; overflow:hidden; width:3em; }
|
||||
ruby { display: ruby; }
|
||||
rbb { display: block ruby; }
|
||||
grid { display: grid; }
|
||||
.mbp {
|
||||
margin: 1px 3px 5px 7px;
|
||||
padding: 3px 5px 7px 1px;
|
||||
border-width: 3px 1px 7px 5px;
|
||||
border-style: solid;
|
||||
}
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
unicode-bidi: isolate;
|
||||
font-size: 200%;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
unicode-bidi: isolate;
|
||||
ruby-position: under;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div>zzzzzzzzzzzz</div>
|
||||
<ruby class=mbp>X</ruby>
|
||||
<grid>A<ruby class=mbp></ruby>B</grid>
|
||||
<grid>A<ruby class=mbp>X</ruby>B</grid>
|
||||
<grid>A<ruby>X</ruby><ruby><rbc></rbc></ruby>B</grid>
|
||||
<grid>A<ruby></ruby><ruby><rbc>X</rbc></ruby>B</grid>
|
||||
<ruby><rt><rbb>X</rbb></rt></ruby>
|
||||
<ruby><rbc><rbb>X</rbb></rbc></ruby>
|
||||
<ruby><rtc><rbb>X</rbb></rtc></ruby>
|
||||
<rbb class=mbp></rbb>
|
||||
<rbb class=mbp>X</rbb>
|
||||
<rbb class=mbp><rt>X</rt></rbb>
|
||||
<rbb class=mbp><rb>X</rb></rbb>
|
||||
|
||||
<script>
|
||||
document.body.getClientRects();
|
||||
let div = document.querySelector('div');
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll('ruby,rbb'));
|
||||
ruby.forEach(function(e){ let n = div.cloneNode(true); e.appendChild(n); e.offsetHeight;});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<meta charset="utf-8"/>
|
||||
<title>CSS Ruby Test: :root element with 'display:block ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify"/>
|
||||
<link rel="match" href="root-ruby-ref.xhtml"/>
|
||||
<style>
|
||||
:root { display: block ruby; }
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
}
|
||||
</style>
|
||||
べ
|
||||
<rtc>
|
||||
<rt>る</rt>
|
||||
</rtc>
|
||||
<rbc>
|
||||
<rb>A</rb>
|
||||
<rb>B</rb>
|
||||
</rbc>
|
||||
|
||||
<pre></pre>
|
||||
<script>
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll(':root'));
|
||||
let result = ruby.map(e => window.getComputedStyle(e).display + ', ').reduce((s, t) => s + t, "");
|
||||
document.querySelector('pre').appendChild(document.createTextNode(result));
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<meta charset="utf-8"/>
|
||||
<title>Reference: :root element with 'display:ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"/>
|
||||
<style>
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
}
|
||||
</style>
|
||||
<ruby>べ
|
||||
<rtc>
|
||||
<rt>る</rt>
|
||||
</rtc>
|
||||
<rbc>
|
||||
<rb>A</rb>
|
||||
<rb>B</rb>
|
||||
</rbc>
|
||||
|
||||
<pre>block ruby, </pre>
|
||||
</ruby></html>
|
||||
38
tests/wpt/web-platform-tests/css/css-ruby/root-ruby.xhtml
Normal file
38
tests/wpt/web-platform-tests/css/css-ruby/root-ruby.xhtml
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Any copyright is dedicated to the Public Domain.
|
||||
http://creativecommons.org/publicdomain/zero/1.0/
|
||||
-->
|
||||
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<meta charset="utf-8"/>
|
||||
<title>CSS Ruby Test: :root element with 'display:ruby'.</title>
|
||||
<link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#box-fixup"/>
|
||||
<link rel="help" href="https://drafts.csswg.org/css-display-3/#inlinify"/>
|
||||
<link rel="match" href="root-ruby-ref.xhtml"/>
|
||||
<style>
|
||||
:root { display: ruby; }
|
||||
rbc {
|
||||
display: ruby-base-container;
|
||||
}
|
||||
rtc {
|
||||
display: ruby-text-container;
|
||||
}
|
||||
</style>
|
||||
べ
|
||||
<rtc>
|
||||
<rt>る</rt>
|
||||
</rtc>
|
||||
<rbc>
|
||||
<rb>A</rb>
|
||||
<rb>B</rb>
|
||||
</rbc>
|
||||
|
||||
<pre></pre>
|
||||
<script>
|
||||
let ruby = Array.prototype.slice.call(document.querySelectorAll(':root'));
|
||||
let result = ruby.map(e => window.getComputedStyle(e).display + ', ').reduce((s, t) => s + t, "");
|
||||
document.querySelector('pre').appendChild(document.createTextNode(result));
|
||||
</script>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue