HTML and CSS Reference
In-Depth Information
border: solid 9px #ede0d5;
}
Here we're using the border shorthand property to define the following three properties on a
single line:
•
border-style
, which accepts a number of keyword values like
dotted
,
dashed
, and
inset
•
border-width
, which accepts a unit value
•
border-color
, which accepts any valid CSS color value
For many shorthand properties, you can rearrange the values and the result would be the
same.Butsomeshorthandpropertiesrequireaspecificorder—forexample,thefontproperty.
Figure 3.4
shows us what our “Latest Recipes” section will look like after adding the border.