getBoxSizing

For browsers that support box-sizing or -moz-box-sizing) styles (not IE).

ASSERT content-box == content-box

ASSERT border-box == border-box

get[content|inner|outer][Width|Height]

Test box-sizing: (none)

Test border: (none)

Test padding: (none)

Test size: (none)

 
Box:
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0; width: auto; height: auto;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto; width: auto; height: auto;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px; width: auto; height: auto;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em; width: auto; height: auto;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: 0; width: 450px; height: 80px;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: auto; width: 450px; height: 80px;
 
content: 450, 80
inner: 450, 80
outer: 1264, 80

 
Box: margin: 8px; width: 450px; height: 80px;
 
content: 450, 80
inner: 450, 80
outer: 466, 96

 
Box: margin: 1em; width: 450px; height: 80px;
 
content: 450, 80
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: 0; width: 15em; height: 6em;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: auto; width: 15em; height: 6em;
 
content: 165, 66
inner: 165, 66
outer: 1264, 66

 
Box: margin: 8px; width: 15em; height: 6em;
 
content: 165, 66
inner: 165, 66
outer: 181, 82

 
Box: margin: 1em; width: 15em; height: 6em;
 
content: 165, 66
inner: 165, 66
outer: 187, 88

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0; width: auto; height: auto;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto; width: auto; height: auto;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px; width: auto; height: auto;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em; width: auto; height: auto;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px;
 
content: 450, 80
inner: 466, 96
outer: 466, 96

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px;
 
content: 450, 80
inner: 466, 96
outer: 466, 96

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px;
 
content: 450, 80
inner: 466, 96
outer: 1264, 96

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px;
 
content: 450, 80
inner: 466, 96
outer: 482, 112

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px;
 
content: 450, 80
inner: 466, 96
outer: 488, 118

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em;
 
content: 165, 66
inner: 181, 82
outer: 181, 82

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em;
 
content: 165, 66
inner: 181, 82
outer: 181, 82

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em;
 
content: 165, 66
inner: 181, 82
outer: 1264, 82

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em;
 
content: 165, 66
inner: 181, 82
outer: 197, 98

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em;
 
content: 165, 66
inner: 181, 82
outer: 203, 104

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0; width: auto; height: auto;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto; width: auto; height: auto;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px; width: auto; height: auto;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em; width: auto; height: auto;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px;
 
content: 450, 80
inner: 472, 102
outer: 472, 102

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px;
 
content: 450, 80
inner: 472, 102
outer: 472, 102

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px;
 
content: 450, 80
inner: 472, 102
outer: 1264, 102

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px;
 
content: 450, 80
inner: 472, 102
outer: 488, 118

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px;
 
content: 450, 80
inner: 472, 102
outer: 494, 124

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em;
 
content: 165, 66
inner: 187, 88
outer: 187, 88

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em;
 
content: 165, 66
inner: 187, 88
outer: 187, 88

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em;
 
content: 165, 66
inner: 187, 88
outer: 1264, 88

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em;
 
content: 165, 66
inner: 187, 88
outer: 203, 104

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em;
 
content: 165, 66
inner: 187, 88
outer: 209, 110

Test border: border: 1px solid green;

Test padding: (none)

Test size: (none)

 
Box: border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 0; border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: auto; border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 8px; border: 1px solid green;
 
content: 1246, 13
inner: 1248, 15
outer: 1264, 31

 
Box: margin: 1em; border: 1px solid green;
 
content: 1240, 13
inner: 1242, 15
outer: 1264, 37

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto; border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 0; width: auto; height: auto; border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: auto; width: auto; height: auto; border: 1px solid green;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 8px; width: auto; height: auto; border: 1px solid green;
 
content: 1246, 13
inner: 1248, 15
outer: 1264, 31

 
Box: margin: 1em; width: auto; height: auto; border: 1px solid green;
 
content: 1240, 13
inner: 1242, 15
outer: 1264, 37

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 452, 82
outer: 452, 82

 
Box: margin: 0; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 452, 82
outer: 452, 82

 
Box: margin: auto; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 452, 82
outer: 1264, 82

 
Box: margin: 8px; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 452, 82
outer: 468, 98

 
Box: margin: 1em; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 452, 82
outer: 474, 104

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 167, 68
outer: 167, 68

 
Box: margin: 0; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 167, 68
outer: 167, 68

 
Box: margin: auto; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 167, 68
outer: 1264, 68

 
Box: margin: 8px; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 167, 68
outer: 183, 84

 
Box: margin: 1em; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 167, 68
outer: 189, 90

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 0; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: auto; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 8px; border: 1px solid green;
 
content: 1230, 13
inner: 1248, 31
outer: 1264, 47

 
Box: padding: 8px; margin: 1em; border: 1px solid green;
 
content: 1224, 13
inner: 1242, 31
outer: 1264, 53

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 0; width: auto; height: auto; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: auto; width: auto; height: auto; border: 1px solid green;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 8px; width: auto; height: auto; border: 1px solid green;
 
content: 1230, 13
inner: 1248, 31
outer: 1264, 47

 
Box: padding: 8px; margin: 1em; width: auto; height: auto; border: 1px solid green;
 
content: 1224, 13
inner: 1242, 31
outer: 1264, 53

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 468, 98
outer: 468, 98

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 468, 98
outer: 468, 98

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 468, 98
outer: 1264, 98

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 468, 98
outer: 484, 114

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 468, 98
outer: 490, 120

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 183, 84
outer: 183, 84

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 183, 84
outer: 183, 84

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 183, 84
outer: 1264, 84

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 183, 84
outer: 199, 100

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 183, 84
outer: 205, 106

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 0; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: auto; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 8px; border: 1px solid green;
 
content: 1224, 13
inner: 1248, 37
outer: 1264, 53

 
Box: padding: 1em; margin: 1em; border: 1px solid green;
 
content: 1218, 13
inner: 1242, 37
outer: 1264, 59

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 0; width: auto; height: auto; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: auto; width: auto; height: auto; border: 1px solid green;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 8px; width: auto; height: auto; border: 1px solid green;
 
content: 1224, 13
inner: 1248, 37
outer: 1264, 53

 
Box: padding: 1em; margin: 1em; width: auto; height: auto; border: 1px solid green;
 
content: 1218, 13
inner: 1242, 37
outer: 1264, 59

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 474, 104
outer: 474, 104

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 474, 104
outer: 474, 104

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 474, 104
outer: 1264, 104

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 474, 104
outer: 490, 120

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px; border: 1px solid green;
 
content: 450, 80
inner: 474, 104
outer: 496, 126

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 189, 90
outer: 189, 90

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 189, 90
outer: 189, 90

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 189, 90
outer: 1264, 90

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 189, 90
outer: 205, 106

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; border: 1px solid green;
 
content: 165, 66
inner: 189, 90
outer: 211, 112

Test border: border: 0.5em solid green

Test padding: (none)

Test size: (none)

 
Box: border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: 0; border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: auto; border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: 8px; border: 0.5em solid green
 
content: 1238, 13
inner: 1248, 23
outer: 1264, 39

 
Box: margin: 1em; border: 0.5em solid green
 
content: 1232, 13
inner: 1242, 23
outer: 1264, 45

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto; border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: 0; width: auto; height: auto; border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: auto; width: auto; height: auto; border: 0.5em solid green
 
content: 1254, 13
inner: 1264, 23
outer: 1264, 23

 
Box: margin: 8px; width: auto; height: auto; border: 0.5em solid green
 
content: 1238, 13
inner: 1248, 23
outer: 1264, 39

 
Box: margin: 1em; width: auto; height: auto; border: 0.5em solid green
 
content: 1232, 13
inner: 1242, 23
outer: 1264, 45

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 460, 90
outer: 460, 90

 
Box: margin: 0; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 460, 90
outer: 460, 90

 
Box: margin: auto; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 460, 90
outer: 1264, 90

 
Box: margin: 8px; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 460, 90
outer: 476, 106

 
Box: margin: 1em; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 460, 90
outer: 482, 112

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 175, 76
outer: 175, 76

 
Box: margin: 0; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 175, 76
outer: 175, 76

 
Box: margin: auto; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 175, 76
outer: 1264, 76

 
Box: margin: 8px; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 175, 76
outer: 191, 92

 
Box: margin: 1em; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 175, 76
outer: 197, 98

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: 0; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: auto; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: 8px; border: 0.5em solid green
 
content: 1222, 13
inner: 1248, 39
outer: 1264, 55

 
Box: padding: 8px; margin: 1em; border: 0.5em solid green
 
content: 1216, 13
inner: 1242, 39
outer: 1264, 61

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: 0; width: auto; height: auto; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: auto; width: auto; height: auto; border: 0.5em solid green
 
content: 1238, 13
inner: 1264, 39
outer: 1264, 39

 
Box: padding: 8px; margin: 8px; width: auto; height: auto; border: 0.5em solid green
 
content: 1222, 13
inner: 1248, 39
outer: 1264, 55

 
Box: padding: 8px; margin: 1em; width: auto; height: auto; border: 0.5em solid green
 
content: 1216, 13
inner: 1242, 39
outer: 1264, 61

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 476, 106
outer: 476, 106

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 476, 106
outer: 476, 106

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 476, 106
outer: 1264, 106

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 476, 106
outer: 492, 122

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 476, 106
outer: 498, 128

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 191, 92
outer: 191, 92

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 191, 92
outer: 191, 92

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 191, 92
outer: 1264, 92

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 191, 92
outer: 207, 108

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 191, 92
outer: 213, 114

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: 0; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: auto; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: 8px; border: 0.5em solid green
 
content: 1216, 13
inner: 1248, 45
outer: 1264, 61

 
Box: padding: 1em; margin: 1em; border: 0.5em solid green
 
content: 1210, 13
inner: 1242, 45
outer: 1264, 67

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: 0; width: auto; height: auto; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: auto; width: auto; height: auto; border: 0.5em solid green
 
content: 1232, 13
inner: 1264, 45
outer: 1264, 45

 
Box: padding: 1em; margin: 8px; width: auto; height: auto; border: 0.5em solid green
 
content: 1216, 13
inner: 1248, 45
outer: 1264, 61

 
Box: padding: 1em; margin: 1em; width: auto; height: auto; border: 0.5em solid green
 
content: 1210, 13
inner: 1242, 45
outer: 1264, 67

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 482, 112
outer: 482, 112

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 482, 112
outer: 482, 112

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 482, 112
outer: 1264, 112

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 482, 112
outer: 498, 128

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px; border: 0.5em solid green
 
content: 450, 80
inner: 482, 112
outer: 504, 134

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 197, 98
outer: 197, 98

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 197, 98
outer: 197, 98

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 197, 98
outer: 1264, 98

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 197, 98
outer: 213, 114

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; border: 0.5em solid green
 
content: 165, 66
inner: 197, 98
outer: 219, 120

Test box-sizing: -moz-box-sizing: border-box; box-sizing: border-box;

Test border: (none)

Test padding: (none)

Test size: (none)

 
Box: -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: 0; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: auto; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 1264, 80

 
Box: margin: 8px; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 466, 96

 
Box: margin: 1em; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: 0; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: auto; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 1264, 66

 
Box: margin: 8px; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 181, 82

 
Box: margin: 1em; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 187, 88

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 1264, 80

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 466, 96

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 1264, 66

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 181, 82

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 187, 88

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em; width: auto; height: auto; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 1264, 80

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 466, 96

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 1264, 66

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 181, 82

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 187, 88

Test border: border: 1px solid green;

Test padding: (none)

Test size: (none)

 
Box: border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 0; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 8px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1248, 15
outer: 1264, 31

 
Box: margin: 1em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1242, 15
outer: 1264, 37

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 0; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: auto; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1262, 13
inner: 1264, 15
outer: 1264, 15

 
Box: margin: 8px; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1248, 15
outer: 1264, 31

 
Box: margin: 1em; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1242, 15
outer: 1264, 37

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 448, 78
inner: 450, 80
outer: 450, 80

 
Box: margin: 0; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 448, 78
inner: 450, 80
outer: 450, 80

 
Box: margin: auto; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 448, 78
inner: 450, 80
outer: 1264, 80

 
Box: margin: 8px; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 448, 78
inner: 450, 80
outer: 466, 96

 
Box: margin: 1em; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 448, 78
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 163, 64
inner: 165, 66
outer: 165, 66

 
Box: margin: 0; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 163, 64
inner: 165, 66
outer: 165, 66

 
Box: margin: auto; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 163, 64
inner: 165, 66
outer: 1264, 66

 
Box: margin: 8px; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 163, 64
inner: 165, 66
outer: 181, 82

 
Box: margin: 1em; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 163, 64
inner: 165, 66
outer: 187, 88

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 0; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 8px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1230, 13
inner: 1248, 31
outer: 1264, 47

 
Box: padding: 8px; margin: 1em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1224, 13
inner: 1242, 31
outer: 1264, 53

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 0; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: auto; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1246, 13
inner: 1264, 31
outer: 1264, 31

 
Box: padding: 8px; margin: 8px; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1230, 13
inner: 1248, 31
outer: 1264, 47

 
Box: padding: 8px; margin: 1em; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1224, 13
inner: 1242, 31
outer: 1264, 53

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 432, 62
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 432, 62
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 432, 62
inner: 450, 80
outer: 1264, 80

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 432, 62
inner: 450, 80
outer: 466, 96

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 432, 62
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 147, 48
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 147, 48
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 147, 48
inner: 165, 66
outer: 1264, 66

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 147, 48
inner: 165, 66
outer: 181, 82

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 147, 48
inner: 165, 66
outer: 187, 88

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 0; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 8px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1224, 13
inner: 1248, 37
outer: 1264, 53

 
Box: padding: 1em; margin: 1em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1218, 13
inner: 1242, 37
outer: 1264, 59

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 0; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: auto; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1240, 13
inner: 1264, 37
outer: 1264, 37

 
Box: padding: 1em; margin: 8px; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1224, 13
inner: 1248, 37
outer: 1264, 53

 
Box: padding: 1em; margin: 1em; width: auto; height: auto; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1218, 13
inner: 1242, 37
outer: 1264, 59

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 426, 56
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 426, 56
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 426, 56
inner: 450, 80
outer: 1264, 80

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 426, 56
inner: 450, 80
outer: 466, 96

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 426, 56
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 141, 42
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 141, 42
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 141, 42
inner: 165, 66
outer: 1264, 66

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 141, 42
inner: 165, 66
outer: 181, 82

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; border: 1px solid green; -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 141, 42
inner: 165, 66
outer: 187, 88

Test border: border: 0.5em solid green

Test padding: (none)

Test size: (none)

 
Box: border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: auto; height: auto;

 
Box: width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 0; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: auto; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1264, 13
inner: 1264, 13
outer: 1264, 13

 
Box: margin: 8px; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1248, 13
outer: 1264, 29

 
Box: margin: 1em; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1242, 13
outer: 1264, 35

Test size: width: 450px; height: 80px;

 
Box: width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: 0; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 450, 80

 
Box: margin: auto; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 1264, 80

 
Box: margin: 8px; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 466, 96

 
Box: margin: 1em; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 450, 80
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: 0; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 165, 66

 
Box: margin: auto; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 1264, 66

 
Box: margin: 8px; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 181, 82

 
Box: margin: 1em; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 165, 66
inner: 165, 66
outer: 187, 88

Test padding: padding: 8px;

Test size: (none)

 
Box: padding: 8px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: auto; height: auto;

 
Box: padding: 8px; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 0; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: auto; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1248, 13
inner: 1264, 29
outer: 1264, 29

 
Box: padding: 8px; margin: 8px; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1232, 13
inner: 1248, 29
outer: 1264, 45

 
Box: padding: 8px; margin: 1em; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1242, 29
outer: 1264, 51

Test size: width: 450px; height: 80px;

 
Box: padding: 8px; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: 0; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 450, 80

 
Box: padding: 8px; margin: auto; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 1264, 80

 
Box: padding: 8px; margin: 8px; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 466, 96

 
Box: padding: 8px; margin: 1em; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 434, 64
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 8px; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: 0; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 165, 66

 
Box: padding: 8px; margin: auto; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 1264, 66

 
Box: padding: 8px; margin: 8px; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 181, 82

 
Box: padding: 8px; margin: 1em; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 149, 50
inner: 165, 66
outer: 187, 88

Test padding: padding: 1em;

Test size: (none)

 
Box: padding: 1em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: auto; height: auto;

 
Box: padding: 1em; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 0; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: auto; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1242, 13
inner: 1264, 35
outer: 1264, 35

 
Box: padding: 1em; margin: 8px; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1226, 13
inner: 1248, 35
outer: 1264, 51

 
Box: padding: 1em; margin: 1em; width: auto; height: auto; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 1220, 13
inner: 1242, 35
outer: 1264, 57

Test size: width: 450px; height: 80px;

 
Box: padding: 1em; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: 0; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 450, 80

 
Box: padding: 1em; margin: auto; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 1264, 80

 
Box: padding: 1em; margin: 8px; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 466, 96

 
Box: padding: 1em; margin: 1em; width: 450px; height: 80px; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 428, 58
inner: 450, 80
outer: 472, 102

Test size: width: 15em; height: 6em;

 
Box: padding: 1em; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: 0; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 165, 66

 
Box: padding: 1em; margin: auto; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 1264, 66

 
Box: padding: 1em; margin: 8px; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 181, 82

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;
 
content: 143, 44
inner: 165, 66
outer: 187, 88

 
Box: padding: 1em; margin: 1em; width: 15em; height: 6em; border: 0.5em solid green -moz-box-sizing: border-box; box-sizing: border-box;