diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /testing/web-platform/tests/css/selectors/first-line-bidi-001.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/selectors/first-line-bidi-001.html')
| -rw-r--r-- | testing/web-platform/tests/css/selectors/first-line-bidi-001.html | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/selectors/first-line-bidi-001.html b/testing/web-platform/tests/css/selectors/first-line-bidi-001.html new file mode 100644 index 0000000000..608a0cabd5 --- /dev/null +++ b/testing/web-platform/tests/css/selectors/first-line-bidi-001.html @@ -0,0 +1,102 @@ +<!DOCTYPE html> +<meta charset=utf-8> +<title>::first-line selector with bidi content</title> +<meta name="assert" content="The use of ::first-line should not disrupt bidi layout."> +<link rel=help href=https://drafts.csswg.org/css-pseudo-4/#first-line-styling> +<link rel=match href=first-line-bidi-001-ref.html> +<style> +body { font: 12px arial, sans-serif; } +table { font-size: 10px; } +tr td { margin: 1em 1em; border: 1px solid gray; width: 16em; } +td:nth-child(1) { text-align: left; } +td:nth-child(2) { text-align: center; } +td:nth-child(3) { text-align: right; } +td p::first-line { color: green; background: pink; } +th { padding: 1em; } +td { padding: 2px; } +td p { margin: 0; } +xl { float: left; font-size: 2.5em; } +xr { float: right; font-size: 2.5em; } +</style> +<p>In each box, the first-line text should be <span style="color:green; background:pink">green on pink</span> +and should never project outside the box:</p> +<table> +<tr><th><code>text-align:left</code></th><th><code>text-align:center</code></th><th><code>text-align:right</code></th></tr> +<tr> + <!-- no padding/indent --> + <td> + <p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> + +<tr> + <!-- padding-left:1em --> + <td> + <p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="padding-left:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> + +<tr> + <!-- padding-right:1em --> + <td> + <p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="padding-right:1em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> + +<tr> + <!-- text-indent:2em --> + <td> + <p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p style="text-indent:2em"><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> + +<tr> + <!-- initial with float:left --> + <td> + <p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><xl>A</xl><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> + +<tr> + <!-- initial with float:right --> + <td> + <p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> + <td> + <p><xr>Z</xr><span dir=rtl>الخت العربي</span> one ايك two<br> دو three تين four</p> + </td> +</tr> +</table> |