![]() |
![]() |
![]() |
First Line Pseudo-element: |
||
p:first-letter { font-variant: small-caps; color: red;} |
First Letter Pseudo-element: |
||
div.first:first-letter { text-transform: uppercase; color: red; font-size: 200%;} |
Display: |
none | block | inline | list-item |
1. Test Text <p style="dislpay: block"> | |
2. Test Text <p style="dislpay: inline"> | |
3. Test Text <p style="dislpay: list-itemx"> | |
4. Test Text (none) |
Whitespace: |
normal | pre | nowrap |
style="white-space
:
normal" | |
style="white-space
:
pre" | |
style="white-space
:
nowrap" |
Percentage Units: |
A percentage value is formed by an optional + or -, followed by a number, followed by %. There are no spaces in a
percentage value. Percentage values are relative to other values, as defined for each property. |
Color Units: |
|
aqua | |
black | |
blue | |
fuchsia | |
gray | |
green | |
lime | |
maroon | |
navy | |
olive | |
purple | |
red | |
silver | |
teal | |
white | |
yellow | |
#rrggbb (#00FF00) #rgb (#F0F) rgb (255,255,0) rgb (0%,100%,0%) |
Length Units: |
|
em - ems, the height of the element's fonts ex - x-height, the height of the letter 'x' px - pixels, relative to the canvas resolution in - inches; lin=2.54cm cm - centimeters; 1cm = 10mm mm - millimeters pt - points; 1pt = 1/72in pc - picas; 1pc = 12pt |