Web | This Site

CSS Home
CSS Reference
Pseudo Classes & Elements
© 2011 TutorialsPoint.COM

| Home |  | References |  | Discussion Forums |  | About TP

# CSS - font-weight

## Description:

The font-weight property alters the visual weight of characters in an element.

## Possible Values:

- 100, 200, 300, 400, 500, 600, 700, 800 and 900: Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold.
- normal: Default. Defines normal characters and equivalent to the value 400.
- bold: Equivalent to the value 700.
- bolder: The font characters for the element should be heavier than those of the parent element.
- lighter: The font characters for the element should be lighter than those of the parent element.

## Applies to:

All the HTML elements

## DOM Syntax:

object.style.fontWeight="900";

## Example:

Here is the example using this property:

    <p style="font-weight:bold;">
    This font is bold.
    </p>
    <p style="font-weight:bolder;">
    This font is bolder.
    </p>
    <p style="font-weight:900;">
    This font is 900 weight.
    </p>

This will produce following result:

This font is bold. This font is bolder. This font is 900 weight.

To Become more comfortable - Do Online Practice

Advertisement

Online Image Processing

Indian Baby Names