Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Part II: PropertiesThe source code in Figure 7-5a and Figure 7-5b results in the output you see in Figure 7-5c.Figure 7-5cIn Figure 7-5, you see how when you have the same margin value for the left and right margins, and differentvalues for the top and bottom margins, the solution is to use the margin shorthand property withthree values.Box model shorthand properties with three values always follow the convention top,right and left, bottom — for example: margin: 15px 5px 10px;.Figure 7-6 shows the different margin areas of Figure 7-5 highlighted.Figure 7-6212