• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Vendor-specific Properties
  5. Mozilla Extensions
  6. -moz-box-sizing
  7. CSS Live Demo: -moz-box-sizing (this page)
• See also: All Live Demos

CSS Live Demo: -moz-box-sizing

Type your CSS here: (any properties allowed except expression, behavior and @import) #content { -moz-box-sizing:content-box; box-sizing:content-box; } #border { -moz-box-sizing:border-box; box-sizing:border-box; } div { width:200px; height:100px; padding:10px; border:4px solid #090; margin:10px; background:#dfd; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <div id="content">This is content-box sizing</div> <div id="border">This is border-box sizing</div>

Show me!

Your results appear here: