summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html')
-rw-r--r--testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html96
1 files changed, 96 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html b/testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html
new file mode 100644
index 0000000000..6a4858487f
--- /dev/null
+++ b/testing/web-platform/tests/css/css-text/white-space/ws-break-spaces-applies-to-014.html
@@ -0,0 +1,96 @@
+<!DOCTYPE html>
+
+ <meta charset="UTF-8">
+
+ <title>CSS Text Test: 'white-space: break-spaces' applies to 'display: table-cell' element</title>
+
+ <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+ <link rel="help" href="https://www.w3.org/TR/css-text-3/#white-space-property">
+ <link rel="match" href="reference/ws-break-spaces-applies-to-006-ref.html">
+
+ <meta content="When 'white-space' is 'break-spaces', then new lines, sequence of white spaces and tabs are preserved and text can wrap, just like pre-wrap, but sequence of preserved white space always takes up space, including at the end of the line and line breaking opportunity exists after every preserved white space character, including between white space characters. In this test, 'display: table-cell' is tested." name="assert">
+
+ <!--
+
+ Testing of 'white-space: break-spaces':
+
+ ws-break-spaces-applies-to-001: display: inline
+
+ ws-break-spaces-applies-to-002: display: block
+
+ ws-break-spaces-applies-to-003: display: list-item
+
+ ws-break-spaces-applies-to-005: display: inline-block
+
+ ws-break-spaces-applies-to-006: display: table
+
+ ws-break-spaces-applies-to-007: display: inline-table
+
+ ws-break-spaces-applies-to-008: display: table-row-group
+
+ ws-break-spaces-applies-to-009: display: table-header-group
+
+ ws-break-spaces-applies-to-010: display: table-footer-group
+
+ ws-break-spaces-applies-to-011: display: table-row
+
+ ws-break-spaces-applies-to-012: display: table-column-group
+
+ ws-break-spaces-applies-to-013: display: table-column
+
+ ws-break-spaces-applies-to-014: display: table-cell
+
+ ws-break-spaces-applies-to-015: display: table-caption
+
+ -->
+
+ <style>
+ div#test, td#reference
+ {
+ border: black solid 2px;
+ font-family: monospace;
+ font-size: 32px;
+ width: 4ch;
+ }
+
+ div#table
+ {
+ display: table;
+ }
+
+ div#row
+ {
+ display: table-row;
+ }
+
+ div#test
+ {
+ display: table-cell;
+ white-space: break-spaces;
+ }
+
+ table
+ {
+ border-spacing: 0px;
+ margin-top: 0.5em;
+ }
+
+ td#reference
+ {
+ padding: 0px;
+ white-space: pre;
+ }
+ </style>
+
+ <p>Test passes if the characters inside of each black-bordered rectangles are laid out identically.
+
+ <div id="table">
+ <div id="row">
+ <div id="test">123 8</div>
+ <!-- 45678 -->
+ <!-- will wrap here ^ -->
+ </div>
+ </div>
+
+ <table><tr><td id="reference">123
+ 8</table>