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%)';


<- Go Back | Duncan's Home Page ->