3.
SPEC
version initial inherited
N/A content-box NO
BROWSER SUPPORT
Op9.2 Saf3 FF1+ IE7
NONE NONE FULL NONE
Vendor-specific Properties
Figure 16.3: Mozilla border-box dimensions
16 http://developer.mozilla.org/en/docs/CSS:-moz-box-sizing
17 http://www.w3.org/TR/css3-ui/#box-model
The Ultimate CSS Reference 376
As you can see, the padding and borders have not added to the element??™s overall
width or height. Instead, the content area has been reduced by the size of the
padding. The result is the same behavior that Internet Explorer versions 6 and 7
exhibit while in quirks mode, and that Internet Explorer for Windows versions 5
and 5.5 will display at all times. There are merits in both box models, as we??™ve
already discussed in The Internet Explorer 5 Box Model (p. 156).
box-sizing in Other Browsers
Opera, since version 8.5, has supported the CSS3 box-sizing property. Safari 3
supports the -webkit-box-sizing property, which matches the specifications for
the CSS3 property.
Pages:
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544