text-decoration-line-014.xht (1673B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Text Decoration Test: text-decoration-line - blink</title> 6 <!-- blink --> 7 <link rel="author" title="Taka Oshiyama" href="mailto:takaoshiyama@gmail.com" /> 8 <link rel="help" title="2.1. Text Decoration Lines: the‘text-decoration-line’property" href="http://www.w3.org/TR/css-text-decor-3/#text-decoration-line-property" /> 9 <meta http-equiv="content-language" content="en, ja" /> 10 <meta name="flags" content="animated may" /> 11 <meta name="assert" content="This test checks that 'text-decoration-line: blink' blinks (alternates between visible and invisible)." /> 12 <style type="text/css"> 13 @font-face 14 { 15 font-family: "mplus-1p-regular"; 16 src: url("/fonts/mplus-1p-regular.woff") format("woff"); 17 /* filesize: 803300 bytes (784.5 KBytes) */ 18 /* 19 mplus-1p-regular.ttf can be downloaded at/from [TBD later] 20 */ 21 } 22 div 23 { 24 font-family: "mplus-1p-regular"; 25 //font-size: 1.5em; 26 font-size: 1.0em; 27 line-height: 1.5; 28 } 29 #test 30 { 31 text-decoration-line: blink; // The property to be tested 32 } 33 #control 34 { 35 text-decoration: blink; 36 } 37 </style> 38 </head> 39 <body lang="en, ja"> 40 <p>Test passes if the 2 "Text sample サンプル文" are <strong>identical</strong> and <strong>blink</strong> (alternate between visible and invisible).</p> 41 <!-- blink --> 42 <div id="test">Text sample サンプル文</div> 43 <div id="control">Text sample サンプル文</div> 44 </body> 45 </html>