... 8.2 Example of margins, padding, and borders . ... The box width is given by the sum of the left and right margins, border, and padding, and the content width. ... Like margin properties, percentage values for padding properties refer to the width of the generated box's containing block. 'padding-top' , 'padding-right' , 'padding-bottom' , 'padding-left' . ... The 'border-color' property can have from one to four values, and the values are set on the different sides as for 'border-width' . ...