-moz-box-sizing: border-box : moz box sizing « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. moz box sizing

-moz-box-sizing: border-box

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   <html>
        <head>
            <title></title>
            <style type='text/css'>
                html, body {
                    margin:  0;
                    height: 100%;
                }
                div {
                  height: 100%;
            padding: 10px;
            border:  thick solid black;
            background: lightgray;
            -moz-box-sizing: border-box;
        }
            </style>
        </head>
        <body>
            <div>
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. this is a test. 
this is a test. this is a test. this is a test. 

            </div>
        </body>
    </html>








Related examples in the same category