зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1055665 part 5 - Tests for ruby-position. r=dholbert
--HG-- extra : source : 09e28946e0743204f05af32baf99f8e70f86e2bc
This commit is contained in:
Родитель
0dea205772
Коммит
242c3684b6
|
@ -22,5 +22,8 @@ fuzzy-if(winWidget,28,1) == dynamic-removal-3.html dynamic-removal-3-ref.html #
|
|||
== inlinize-blocks-5.html inlinize-blocks-5-ref.html
|
||||
== ruby-whitespace-1.html ruby-whitespace-1-ref.html
|
||||
== ruby-whitespace-2.html ruby-whitespace-2-ref.html
|
||||
== ruby-position-horizontal.html ruby-position-horizontal-ref.html
|
||||
pref(layout.css.vertical-text.enabled,true) fails == ruby-position-vertical-lr.html ruby-position-vertical-lr-ref.html # bug 1112474
|
||||
pref(layout.css.vertical-text.enabled,true) fails == ruby-position-vertical-rl.html ruby-position-vertical-rl-ref.html # bug 1112474
|
||||
!= ruby-reflow-1-opaqueruby.html ruby-reflow-1-noruby.html
|
||||
== ruby-reflow-1-transparentruby.html ruby-reflow-1-noruby.html
|
||||
|
|
|
@ -0,0 +1,32 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
line-height: normal;
|
||||
}
|
||||
.annotation, .annotation > div {
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="height: 8em; line-height: 8em;">
|
||||
<div style="display: inline-block; line-height: normal;">
|
||||
<div class="annotation">
|
||||
<div style="top: -100%;">over##</div>
|
||||
<div style="top: 100%;">under#</div>
|
||||
<div style="top: -200%;">over2#</div>
|
||||
<div style="top: 200%;">under2</div>
|
||||
<!-- to give container a nonzero size for
|
||||
percent values to resolve against -->
|
||||
</div>
|
||||
base##
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
/* use a large line-height here to avoid additional leadings */
|
||||
line-height: 8em;
|
||||
}
|
||||
rtc, rt {
|
||||
font-size: 100% !important;
|
||||
line-height: normal !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ruby>
|
||||
<rb>base##</rb>
|
||||
<rtc style="ruby-position: over left"><rt>over##</rt></rtc>
|
||||
<rtc style="ruby-position: under left"><rt>under#</rt></rtc>
|
||||
<rtc style="ruby-position: over left"><rt>over2#</rt></rtc>
|
||||
<rtc style="ruby-position: under left"><rt>under2</rt></rtc>
|
||||
</ruby>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
line-height: normal;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.annotation, .annotation > div {
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 8em; line-height: 8em;">
|
||||
<div style="display: inline-block; line-height: normal;">
|
||||
<div class="annotation">
|
||||
<div style="right: 100%;">left##</div>
|
||||
<div style="right: -100%;">right#</div>
|
||||
<div style="right: 200%;">left2#</div>
|
||||
<div style="right: -200%;">right2</div>
|
||||
<!-- to give container a nonzero size for
|
||||
percent values to resolve against -->
|
||||
</div>
|
||||
base##
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
/* use a large line-height here to avoid additional leadings */
|
||||
line-height: 8em;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
rtc, rt {
|
||||
font-size: 100% !important;
|
||||
line-height: normal !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ruby>
|
||||
<rb>base##</rb>
|
||||
<rtc style="ruby-position: over left"><rt>left##</rt></rtc>
|
||||
<rtc style="ruby-position: over right"><rt>right#</rt></rtc>
|
||||
<rtc style="ruby-position: over left"><rt>left2#</rt></rtc>
|
||||
<rtc style="ruby-position: over right"><rt>right2</rt></rtc>
|
||||
</ruby>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
line-height: normal;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.annotation, .annotation > div {
|
||||
position: absolute;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div style="width: 8em; line-height: 8em;">
|
||||
<div style="display: inline-block; line-height: normal;">
|
||||
<div class="annotation">
|
||||
<div style="right: 100%;">left##</div>
|
||||
<div style="right: -100%;">right#</div>
|
||||
<div style="right: 200%;">left2#</div>
|
||||
<div style="right: -200%;">right2</div>
|
||||
<!-- to give container a nonzero size for
|
||||
percent values to resolve against -->
|
||||
</div>
|
||||
base##
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Bug 1055665 - Test for ruby-position</title>
|
||||
<link rel="stylesheet" href="common.css">
|
||||
<style>
|
||||
body {
|
||||
font-family: monospace;
|
||||
/* use a large line-height here to avoid additional leadings */
|
||||
line-height: 8em;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
rtc, rt {
|
||||
font-size: 100% !important;
|
||||
line-height: normal !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ruby>
|
||||
<rb>base##</rb>
|
||||
<rtc style="ruby-position: over left"><rt>left##</rt></rtc>
|
||||
<rtc style="ruby-position: over right"><rt>right#</rt></rtc>
|
||||
<rtc style="ruby-position: over left"><rt>left2#</rt></rtc>
|
||||
<rtc style="ruby-position: over right"><rt>right2</rt></rtc>
|
||||
</ruby>
|
||||
</body>
|
||||
</html>
|
Загрузка…
Ссылка в новой задаче