text-overflow-001

text-overflow - clip - the text inline content overflows will be broken

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when text-overflow set clip

Source

 1 <!DOCTYPE html>
 2 <html><head><meta charset="utf-8">
 3 <title>CSS Basic User Interface Test: text-overflow - clip - the text inline content overflows will be broken</title>
 4 <link href="http://www.intel.com/" rel="author" title="Intel">
 5 <link href="mailto:shiyoux.tan@intel.com" rel="author" title="Shiyou Tan">
 6 <link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property">
 7 <link href="reference/text-overflow-001-ref.htm" rel="match">
 8 <meta content="" name="flags">
 9 <meta content="Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when
10 text-overflow set clip" name="assert">
11 <style>
12   div {
13     font-size: 10px;
14     overflow: hidden;
15     text-overflow: clip;
16     white-space: nowrap;
17     width: 120px;
18   }
19   span {
20     font-family: Ahem;
21     font-size: 30px;
22   }
23 </style>
24 </head><body>
25   <p>Test passes if there is a <strong>black rectangle</strong> below.</p>
26   <div>
27     <span>Test checks the content broken if the content overflows the container</span>
28   </div>
29 
30 </body></html>