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; | 9 display: -moz-flex; |
10 width: -webkit-calc(100% - 4em); | 10 width: -webkit-calc(100% - 4em); |
11 width: calc(100% - 4em); | 11 width: calc(100% - 4em); |
12 height: -webkit-calc(100% - 4em); | 12 height: -webkit-calc(100% - 4em); |
13 height: calc(100% - 4em); | 13 height: calc(100% - 4em); |
14 border: 1em solid blue; | 14 border: 1em solid blue; |
15 border-radius:50%; | 15 border-radius:50%; |
16 margin: auto; | 16 margin: auto; |
17 } | 17 } |
18 | 18 |
(...skipping 21 matching lines...) Expand all Loading... |
40 var okStyle = getComputedStyle(document.getElementById('ok')); | 40 var okStyle = getComputedStyle(document.getElementById('ok')); |
41 document.getElementById("log").innerHTML += "<br>OK: " + | 41 document.getElementById("log").innerHTML += "<br>OK: " + |
42 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); | 42 ((parseInt(okStyle.marginTop) && parseInt(okStyle.marginRight) && parseInt(o
kStyle.marginBottom) && parseInt(okStyle.marginLeft)) ? "PASS" : "FAIL"); |
43 | 43 |
44 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); | 44 var okVerticalStyle = getComputedStyle(document.getElementById('okVertical')); |
45 document.getElementById("log").innerHTML += "<br>Vertical OK: " + | 45 document.getElementById("log").innerHTML += "<br>Vertical OK: " + |
46 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); | 46 ((parseInt(okVerticalStyle.marginTop) && parseInt(okVerticalStyle.marginRigh
t) && parseInt(okVerticalStyle.marginBottom) && parseInt(okVerticalStyle.marginL
eft)) ? "PASS" : "FAIL"); |
47 </script> | 47 </script> |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |