CSS Units
While CSS supports a seemingly endless list of properties, the scheme for setting values is fairly predictable. Table 3-2 describes the most frequently used values.
Table 3-2. Commonly encountered CSS length/size, keyword, and color units
Unit | Type | Example |
|---|---|---|
| length |
|
| length |
|
| length |
|
| length |
|
| length |
|
| length |
|
| font size |
|
| color (decimal) |
|
| color (hexadecimal) |
|
| color (hexadecimal, reduced depth) |
|
Cross-Media Length and Size Units
There are three commonly used units in stylesheets intended for screen display:
px(pixels)Pixels are absolute units, equal to one pixel on the user’s screen display; always expressed as an integer.
em(ems)In digital typesetting environments (including CSS), an em is equivalent to the greatest possible height of a glyph (letter) in the applicable font and size combination. The contemporary definition contrasts with the historical definition: the width of a capital “M” in the font and size of the type to which it is applied as a measurement. This unit is usually expressed with a floating-point value.
%(percent)Percentage units are computed relative to some baseline measurement, which varies according to property and context. Floating-point percentage values are allowed.
em and
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access