all-prop-001.html (1487B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Cascade: "all" shorthand property excludes "direction" and "unicode-bidi"</title> 6 <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact"> 7 <link rel="author" title="Chris Rebert" href="http://chrisrebert.com"> 8 <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#all-shorthand"> 9 <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#all-shorthand"> 10 <link rel="match" href="all-prop-001-ref.html"> 11 <meta name="assert" content="Test passes if 'all' resets properties other than 'direction' and 'unicode-bidi'."> 12 <style> 13 .test { 14 /* these must not be overridden */ 15 direction: rtl; 16 unicode-bidi: bidi-override; 17 } 18 19 .test, bdo { 20 /* all of these must be overridden */ 21 border: solid red; 22 background: red; 23 color: red; 24 text-decoration: line-through; 25 font: bold italic small-caps 20px monospace; 26 outline: solid red; 27 float: left; 28 letter-spacing: 1em; 29 display: list-item; 30 text-align: center; 31 width: 0.5em; 32 margin: 10em; 33 overflow: scroll; 34 } 35 36 .test, bdo { 37 all: initial; 38 /* if incorrectly implemented, this causes direction: initial; unicode-bidi: initial; 39 which is the same as direction:ltr; unicode-bidi: normal */ 40 } 41 </style> 42 </head> 43 <body> 44 <p>Test passes if the digits are <strong>in order</strong> and there is <strong>no red</strong>.</p> 45 46 <div class="test"><bdo dir=rtl>987 <span>654</span></bdo> 321</div> 47 </body> 48 </html>