text-overflow-001.html (1113B)
1 <!DOCTYPE html> 2 <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 rel="author" title="Intel" href="http://www.intel.com/"> 5 <link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com"> 6 <link rel="help" title="8.2. Overflow Ellipsis: the 'text-overflow' property" href="http://www.w3.org/TR/css3-ui/#text-overflow"> 7 <link rel="match" href="reference/text-overflow-001-ref.html"> 8 <meta name="assert" content="Test checks that the inline content that overflows will be clipped. Characters may be only partially rendered when 9 text-overflow set clip"> 10 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 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 <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 </body>