css box-sizing: border-box; code example

Example 1: border-box css

#example1 {
  box-sizing: border-box;
}

Example 2: * box-sizing border-box

*{
box-sizing: border-box;
}

Example 3: box sizing

html {
	box-sizing: border-box;
}

*, 
*:before, *:after {
	box-sizing: inherit;
}

Example 4: textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;
}

Example 5: box sizing border box

*{
 box-sizing: border-box;
 }

Example 6: how to style rule to apply the Border Box model css

header, ul, nav, li, a /* other elements */{

 display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;