bidi-alt-001.xht (1462B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: unicode-bidi: bidi-override in alt text</title> 5 <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com"/> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> 7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi"/> 8 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> 9 <meta name="assert" content="If alt text is not treated as replaced content, then unicode-bidi applies to image alt text."/> 10 <style type="text/css"><![CDATA[ 11 .rtol { 12 direction: rtl; 13 unicode-bidi: bidi-override; 14 } 15 img { 16 color:blue; 17 width: 0; /* If alt text is treated as replaced content, then this makes it invisible. */ 18 /* (The rendering of replaced content is out-of-scope for CSS.) */ 19 display: inline; 20 } 21 ]]></style> 22 </head> 23 24 <body> 25 26 <p>The three lines below should be <strong>identical</strong>.</p> 27 28 <p>Three lines of <img src="" alt="readable" width="0"/> text</p> 29 <p>Three lines of <span class="rtol"><img src="" alt="elbadaer" width="0"/></span> text</p> 30 <p>Three lines of <img src="" alt="elbadaer" class="rtol" width="0"/> text</p> 31 32 </body> 33 </html>