Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-ui/text-overflow-008.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: ellipsis and first character</title>
<link rel="match" href="reference/text-overflow-008-ref.html">
<meta name="flags" content="ahem">
<meta name="assert" content="The first character on a line must be clipped rather than ellipsed.">
<!--
If the ellipsis character appears, it will be red (as it is styled after the block), and the test will fail.
If the first character is omitted rather than clipped, there will be no box at all, and the test will fail.
-->
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style>
.test {
font: 100px/1 Ahem;
text-overflow: ellipsis;
overflow: hidden;
width: 0.5em;
color: red;
}
</style>
<p>Test passes if there is a filled green rectangle and <strong>no red</strong>.</p>
<div class=test><span style="color:green">x</span></div>