Style Sheet Properties
Font Properties
Font Size
*.fontSize='absolute-size, relative-size, length, percentage';
| (xx-small) | xx-small |
| (x-small) | x-small |
| (small) | small |
| (medium) | medium |
| (large) | large |
| (x-large) | x-large |
| (xx-large) | xx-large |
Font Family
*.fontFamily='fontFamily';
fontName, or
| (serif) | serif |
| (sans-serif) | sans-serif |
| (cursive) | cursive |
| (monospace) | monospace |
| (fantasy) | fantasy |
Font Weight
*.fontWeight='normal, bold, bolder, lighter, 100 - 900';
| (100) | Lightest |
| (200) | Darker |
| (300) | Darker |
| (400) | Darker |
| (500) | Darker |
| (600) | Darker |
| (700) | Darker |
| (800) | Darker |
| (900) | Darkest |
Font Style
*.fontStyle='normal, italic';
Text Properties
Line Height
*.lineHeight='number, length, percentage, normal';
Text Decoration
*.textDecoration='none, underline, line-through, blink';
Text Transform
*.textTransform='capitilise, uppercase, lowercase, none';
Text Alignment
*.textAlign='left, right, center, justify';
Text Indent
*.textIndent='length, percentage';
Block Formatting Properties
Margins
*.marginTop='length, percentage, auto';
*.marginRight='length, percentage, auto';
*.marginBottom='length, percentage, auto';
*.marginLeft='length, percentage, auto';
*.margins(top, right, bottom, left);
*.margins(margin);
Padding
*.paddingTop='length, percentage, auto';
*.paddingRight='length, percentage, auto';
*.paddingBottom='length, percentage, auto';
*.paddingLeft='length, percentage, auto';
*.paddings(top, right, bottom, left);
*.paddings(padding);
Border Widths
*.borderTopWidth='length, percentage, auto';
*.borderRightWidth='length, percentage, auto';
*.borderBottomWidth='length, percentage, auto';
*.borderLeftWidth='length, percentage, auto';
*.borderWidths(top, right, bottom, left);
*.borderWidths(borderWidth);
Border Style
*.borderStyle = 'none, solid, double, inset, outset, groove, ridge';
| (solid) | Solid |
| (double) | Double |
| (inset) | Inset |
| (outset) | Outset |
| (groove) | Groove |
| (ridge) | Ridge |
Border Color
*.borderColor='none, colorValue';
Width
*.width='length, percentage, auto';
eg. marginLeft='20%'; width='60%';
Alignment
*.align='left, right, none';
Clear
*.clear='none, left, right, both';
Color and Background Properties
Color
*.color='color';
Background Image
*.backgroundImage='url';
Background Color
*.backgroundColor='color';
Classification Properties
Display
*.display='block, inline, list-item';
List Style Type
*.listStyleType='disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none';
White Space
*.whiteSpace='normal, pre';
Units
Length Units
Relative Units
| (em) | The height of the elements font, 'M' |
| (ex) | Half the height of the elements font, 'x' |
| (px) | Pixels |
Absolute Units
| (pt) | Points |
| (pc) | Picas |
| (px) | Pixels |
| (in) | Inches |
| (mm) | Millimeters |
| (cm) | Centimeters |
Color Units
eg. colorValue='blue';
eg. colorValue='#0000ff';
eg. colorValue='rgb(0%, 0%, 100%)';