| Name | CSS | Real World |
|---|---|---|
| pixel | 1px | 1/96" |
| point | 1pt | 1/72" |
| millimetre | 1mm | 1/25.4" |
| pica | 1pc | 1/12" |
| centimetre | 1cm | 1/2.54" |
| inch | 1in | 1" |
| CSS | Description |
|---|---|
| 1em | font size (default usually 12pt/16px) |
| 1ex | ex-height of font (=baseline to meanline) |
Clockwise rule (from top, or north-west).
| # | Box | border-radius |
|---|---|---|
| 4 | t r b l | ↖ ↗ ↘ ↙ |
| 3 | t rl b | ↖ ⤢ ↘ |
| 2 | tb rl | ⤡ ⤢ |
| 1 | trbl | ⥁ |
Note: border-radius allows horizontal / vertical axis declarations, where each of horizontal and vertical can have one to four lengths. e.g.:
20px 80px 40px / 10px 30px NW NESW SE NWSE NESW horizontal vertical
[See: CSS3-Media]