OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link href="resources/flexbox.css" rel="stylesheet"> | 4 <link href="resources/flexbox.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 | 6 |
7 #circles, #circles div { | 7 #circles, #circles div { |
8 display: -webkit-flex; | 8 display: flex; |
9 display: -moz-flex; | |
10 width: -webkit-calc(100% - 4em); | 9 width: -webkit-calc(100% - 4em); |
11 width: calc(100% - 4em); | 10 width: calc(100% - 4em); |
12 height: -webkit-calc(100% - 4em); | 11 height: -webkit-calc(100% - 4em); |
13 height: calc(100% - 4em); | 12 height: calc(100% - 4em); |
14 border: 1em solid blue; | 13 border: 1em solid blue; |
15 border-radius:50%; | 14 border-radius:50%; |
16 margin: auto; | 15 margin: auto; |
17 } | 16 } |
18 | 17 |
19 #circles { width:9em; height:9em; } | 18 #circles { width:9em; height:9em; } |
(...skipping 20 matching lines...) Expand all Loading... |
40 var okStyle = getComputedStyle(document.getElementById('ok')); | 39 var okStyle = getComputedStyle(document.getElementById('ok')); |
41 document.getElementById("log").innerHTML += "<br>OK: " + | 40 document.getElementById("log").innerHTML += "<br>OK: " + |
42 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); | 41 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); |
43 | 42 |
44 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); | 43 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); |
45 document.getElementById("log").innerHTML += "<br>Vertical OK: " + | 44 document.getElementById("log").innerHTML += "<br>Vertical OK: " + |
46 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); | 45 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); |
47 </script> | 46 </script> |
48 </body> | 47 </body> |
49 </html> | 48 </html> |
OLD | NEW |