CCT286H5 Chapter Notes - Chapter 13: Drop Shadow, Scrollbar
Document Summary
By default, boxes are sized just big enough to hold its contents. You can set the size of the box using the height and width properties. You can use pixels, percentages or em to size your boxes. For percentages, its sized based on your browser width/window. < p > this is a paragraph p > height : 300px ; width : 300px ; background-color : #bbbbaa ; min/max-height - minimum/maximum height of the box min/max-width - minimum/maximum width of the box. Border - border separates the edge of one box from another. Margin - outside edge of the border; use to set the gap between two boxes. Padding - the space between the border of a box and contents contained hello. The black line is the border. p { width : 250px ; padding : 10px ; margin : 1px 2px 3px 4px ; Order for 4 values: top, right, bottom, left.