8.4 CSS Box Model Width and Height of an Element
{"Image DocumentName": "8.4 CSS Box Model Width and Height of an Element", "Image ImageDescription": "When you set the width and height properties of an element with CSS, you just set the width and height of the content area. To calculate the full size of an element, you must also add the padding, borders and margins. The total width of the element in the example below is 300px: width:250px; padding:10px; border:5px solid gray; margin:10px; Let s do the math: 250px (width) + 20px (left and right padding) + 10px (left and right border) + 20px (left and right margin) = 300px.", "Image XResolution": "37", "Image YResolution": "37", "Image ResolutionUnit": "Pixels/Centimeter", "Image Software": "SlidePlayer", "Image YCbCrPositioning": "Centered"}