n
Cell Padding Click in any of the individual fields (Left, Right, Top, Bottom) to specify the
settings for the cell padding (the amount of space between the edge of the table cell
and the content in the cell). In the left side of the field, enter a number for the amount of
padding. In the right side of the field, select a unit of measurement (e.g., point, pixel,
centimeter) for the number you entered. If you click the down arrow to the right of all
the fields, the settings will be applied to all of the cell padding fields. When you click
that down arrow, a small popup displays. Use the lower-left area of the popup to enter a
number for the amount of padding. Use the lower-right area to select a unit of
measurement.
n
Outer Borders Click in any of the individual fields (Left, Right, Top, Bottom) to specify
the settings for the table border in the stylesheet. If you click the down arrow to the
right of all the fields, the settings will be applied to all of the border fields. When you
click that down arrow or in one of the individual fields, a small popup displays. Use the
lower-left area of the popup to enter a number for the thickness of the border. Use the
lower-middle area to select a unit of measurement (e.g., point, pixel, centimeter) for the
number you entered.Use the upper-right area to select a color for the border. Note that
in the Color Picker you can select a CSS variable. And use the lower-right area to select
a line type (e.g., solid, double, dashed) for the border. When you are finished, click OK in
the small popup.
n
Border Radius These fields let you create rounded corners on the table. Click in any of
the individual fields (Top-Left, Top-Right, Bottom-Right, Bottom-Left) to specify the
settings for a particular corner of the table. If you click the down arrow to the right of all
the fields, the settings will be applied to all of the fields.When you click that down
arrow or in one of the individual fields, a small popup displays.This popup has two
halves. You can complete only the left side of the popup if you like. This will create a
curve that is equal horizontally and vertically. If you want a border to have more of a
curve either horizontally or vertically, you can complete the fields in the right half of the
popup as well, so that you have two values (e.g., 10px 15px) instead of one. For more
information on using two sets of border radius properties, see
css3.info/preview/rounded-border/.Use the lower-left area of the popup to enter a
number for the amount of curve. The greater the number, the more curve that is
applied.Use the area to the right of the number field to select a unit of measurement
(e.g., point, pixel, centimeter).If you want to provide a second value for the rounded
border, complete the same fields on the right half of the popup. When you are finished,
click OK in the small popup.
CHAPTER 3
132