doc_variables_2.html (1203B)
1 <!-- Any copyright is dedicated to the Public Domain. 2 http://creativecommons.org/publicdomain/zero/1.0/ --> 3 <html> 4 <head> 5 <title>variables test</title> 6 <style> 7 :root { 8 --var-border-px: 10px; 9 --var-border-style: solid; 10 --var-border-r: 255; 11 --var-border-g: 0; 12 --var-border-b: 0; 13 } 14 #a { 15 --var-defined-font-size: 60px; 16 font-size: var(--var-not-defined, var(--var-defined-font-size)); 17 } 18 #b { 19 --var-defined-r-1: 255; 20 --var-defined-r-2: 0; 21 color: rgb(var(--var-defined-r-1, var(--var-defined-r-2)), 0, 0); 22 } 23 #c { 24 border: var(--var-undefined, var(--var-border-px)) var(--var-border-style) rgb(var(--var-border-r), var(--var-border-g), var(--var-border-b)) 25 } 26 #d { 27 font-size: var(--var-undefined, 30px); 28 } 29 #e { 30 color: var(--var-undefined, var(--var-undefined-2, blue)); 31 } 32 #f { 33 border-style: var(--var-undefined, var(--var-undefined-2, var(--var-undefined-3, solid))); 34 } 35 </style> 36 </head> 37 <body> 38 <div id="a">A</div><br> 39 <div id="b">B</div><br> 40 <div id="c">C</div><br> 41 <div id="d">D</div><br> 42 <div id="e">E</div><br> 43 <div id="f">F</div> 44 </body> 45 </html>