mirror of
https://github.com/servo/servo.git
synced 2025-08-11 16:35:33 +01:00
Update web-platform-tests to revision 36ff3198676718b4af5d55c5e6c1ec8c51a2a0d6
This commit is contained in:
parent
0c3631605e
commit
a605e18eb6
121 changed files with 1605 additions and 156 deletions
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/full-width-leading-spaces-001-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) sequence at the beginning of the line must not be collapsed.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div { font: 20px/1 Ahem; }
|
||||
.test {
|
||||
width: 5em;
|
||||
color: green;
|
||||
background: green;
|
||||
}
|
||||
.ref {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a green rectangle and if there is no red.
|
||||
<div class="ref">XXXXX</div>
|
||||
<div class="test">   XX</div>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) sequence at the beginning of the line must not be collapsed.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div { font: 50px/1 Ahem; }
|
||||
.test {
|
||||
width: 2em;
|
||||
color: green;
|
||||
background: green;
|
||||
}
|
||||
.ref {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div class="ref">XX<br>XX</div>
|
||||
<div class="test">  XX</div>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) sequence at the beginning of the line must not be collapsed.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div { font: 50px/1 Ahem; }
|
||||
.test {
|
||||
width: 2em;
|
||||
color: green;
|
||||
background: green;
|
||||
}
|
||||
.ref {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div class="ref">XX<br>XX</div>
|
||||
<div class="test">  XX</div>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
|
||||
<meta name="assert" content="Leading ideographic space sequences must account for intrinsic size.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
.ref {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
}
|
||||
.test {
|
||||
width: min-content;
|
||||
font-size: 100px;
|
||||
line-height: 1;
|
||||
background: green;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div class="ref"><div class="test"> </div></div>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-break-spaces-005-ref.html">
|
||||
<meta name="assert" content="There is a breaking opportunity at the end of a leading ideographic space (U+3000) sequence.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div { font: 50px/1 Ahem; }
|
||||
.test {
|
||||
width: 2em;
|
||||
color: green;
|
||||
background: green;
|
||||
}
|
||||
.ref {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div class="ref">XX<br>XX</div>
|
||||
<div class="test">  XX</div>
|
|
@ -0,0 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<p>Test passes if the characters below are arranged in a green rectangle and if there is no red.
|
||||
<div style="width: 100px; height: 20px; background: green"></div>
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 20px/1 Ahem;
|
||||
white-space: pre;
|
||||
}
|
||||
span { background: blue; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a single line and if there is a blue square at the end of the first line.
|
||||
<div>X X<span> </span></div>
|
|
@ -0,0 +1,11 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS test reference</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div { font: 20px/1 Ahem; }
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>X X<span>X</span></div>
|
|
@ -9,6 +9,7 @@ div {
|
|||
font: 25px/1 Ahem;
|
||||
color: green;
|
||||
}
|
||||
span { color: blue; }
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
|
|
|
@ -0,0 +1,17 @@
|
|||
<!doctype html>
|
||||
<meta charset=utf-8>
|
||||
<title>CSS test Reference</title>
|
||||
<link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
|
||||
<style>
|
||||
div {
|
||||
font: 25px/1 Ahem;
|
||||
color: green;
|
||||
}
|
||||
span { color: blue; }
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
|
||||
<div>XX<span>X</span><br>XX</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequences of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-normal">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-004-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang unconditionally .">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: normal;
|
||||
}
|
||||
span { background: blue; } /* If the spaces are removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span>      </span>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole space will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequences of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-normal">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-003-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must unconditionally hang.">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: normal;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span> </span>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole sequence of preserved spaces will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequences of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-nowrap">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-003-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must unconditionally hang.">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span> </span><br>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole sequence of preserved spaces will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequences of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-line">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-003-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An ideographic space (U+3000) at the end of the line must unconditionally hang.">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: pre-line;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span> </span>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole sequence of preserved spaces will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequences of spaces and ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-nowrap">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-004-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang unconditionally .">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
span { background: blue; } /* If the spaces are removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span>      </span><br>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole space will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: sequence of ideographic spaces at the end of line must hang</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com"
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-line">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-004-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-003-ref.html">
|
||||
<meta name="assert" content="An sequence ideographic space (U+3000) and regular spaces at the end of the line must hang unconditionally .">
|
||||
<style>
|
||||
div {
|
||||
width: 2.5em;
|
||||
white-space: pre-line;
|
||||
}
|
||||
span { background: blue; } /* If the spaces are removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a square and if there is a blue rectangle at the end of the first line.
|
||||
<div>ああ<span>      </span>ああ</div>
|
||||
|
||||
<!--
|
||||
We're using a 2.5em width and two references, instead of 2em and just the first one,
|
||||
because in addition to requiring the spaces to hang,
|
||||
the spec allows, but does not require, browsers to visually collapse the advance widths of characters that overflow.
|
||||
In browsers that don't do that, the whole space will be visible, and the first ref will be matched.
|
||||
In browsers that do, only the first 0.5em worth of space will be preserved, and the second ref will match.
|
||||
-->
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-011-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-011-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 20px/1 Ahem;
|
||||
width: 3ch;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a single line and if there is a blue square at the end of the first line.
|
||||
<div>X <span>X </span></div>
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-004-ref.html">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-alt-004-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 25px/1 Ahem;
|
||||
color: green;
|
||||
background: red;
|
||||
|
||||
width: 2ch;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
<div>XX<span> </span>XX</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-break-word">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-004-ref.html">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-alt-004-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang, despite the use of overflow-wrap: break-word.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 25px/1 Ahem;
|
||||
color: green;
|
||||
background: red;
|
||||
|
||||
width: 2ch;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
<div>XX<span> </span>XX</div>
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-004-ref.html">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-alt-004-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang, despite the use of overflow-wrap: anywhere.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 25px/1 Ahem;
|
||||
color: green;
|
||||
background: red;
|
||||
|
||||
width: 2ch;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
<div>XX<span> </span>XX</div>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-011-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-011-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang, despite the use of overflow-wrap: anywhere.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 20px/1 Ahem;
|
||||
width: 3ch;
|
||||
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a single line and if there is a blue square at the end of the first line.
|
||||
<div>X <span>X </span></div>
|
|
@ -0,0 +1,25 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Text level 3 Test: handling leading ideographic space sequence</title>
|
||||
<link rel="author" title="Javier Fernandez Garcia-Boente" href="mailto:jfernandez@igalia.com">
|
||||
<link rel="help" title="3. White Space and Wrapping: the white-space property" href="https://drafts.csswg.org/css-text-3/#white-space-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="help" title="5.5. Overflow Wrapping: the overflow-wrap/word-wrap property" href="https://drafts.csswg.org/css-text-3/#overflow-wrap-property">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-011-ref.html">
|
||||
<link rel="match" href="reference/trailing-ideographic-space-alt-011-ref.html">
|
||||
<meta name="assert" content="Trailing ideographic spaces should hang, despite the use of overflow-wrap: break-word.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
div {
|
||||
font: 20px/1 Ahem;
|
||||
width: 3ch;
|
||||
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>Test passes if the characters below are arranged in a single line and if there is a blue square at the end of the first line.
|
||||
<div>X <span>X </span></div>
|
|
@ -6,6 +6,7 @@
|
|||
<link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-pre-wrap">
|
||||
<link rel="help" title="4.1.3. Phase II: Trimming and Positioning" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-004-ref.html">
|
||||
<link rel="match" href="reference/white-space-pre-wrap-trailing-spaces-alt-004-ref.html">
|
||||
<meta name="assert" content="Preserved white space at the end of a soft-wrapped line is hanged when white-space is pre-wrap.">
|
||||
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
|
||||
<style>
|
||||
|
@ -17,6 +18,7 @@ div {
|
|||
width: 2ch;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
span { background: blue; } /* If the space is removed instead of hanging, there will be no blue box*/
|
||||
</style>
|
||||
|
||||
<p>This test passes if there is a green square and no red.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue