| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>CSS Test: unicode-bidi: bidi-override in alt text</title> |
| <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:[email protected]"/> |
| <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"/> |
| <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction"/> |
| <meta name="assert" content="If alt text is not treated as replaced content, then unicode-bidi applies to image alt text."/> |
| <style type="text/css"><![CDATA[ |
| .rtol { |
| direction: rtl; |
| unicode-bidi: bidi-override; |
| } |
| img { |
| color:blue; |
| width: 0; /* If alt text is treated as replaced content, then this makes it invisible. */ |
| /* (The rendering of replaced content is out-of-scope for CSS.) */ |
| display: inline; |
| } |
| ]]></style> |
| </head> |
| |
| <body> |
| |
| <p>The three lines below should be <strong>identical</strong>.</p> |
| |
| <p>Three lines of <img src="" alt="readable" width="0"/> text</p> |
| <p>Three lines of <span class="rtol"><img src="" alt="elbadaer" width="0"/></span> text</p> |
| <p>Three lines of <img src="" alt="elbadaer" class="rtol" width="0"/> text</p> |
| |
| </body> |
| </html> |
