Scholar Repository
Home>Manual>CSS Font-weight Property

CSS Font-weight Property

From http://www.w3schools.com (Copyright Refsnes Data)

CSS font-weight Property


CSS Reference Complete CSS Reference


Definition

The font-weight property sets how thick or thin characters in text should be displayed.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.fontWeight="900"

In our HTML DOM tutorial you can find more details about the fontWeight property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

p
{
font-weight: bold
}

Possible Values

Value Description
normal Default. Defines normal characters
bold Defines thick characters
bolder Defines thicker characters
lighter Defines lighter characters
100
200
300
400
500
600
700
800
900
Defines from thin to thick characters. 400 is the same as normal, and 700 is the same as bold



Try-It-Yourself Demos

Set the boldness of the font
This example demonstrates how to set the boldness of a font.


CSS Reference Complete CSS Reference

From http://www.w3schools.com (Copyright Refsnes Data)

Home>Manual>CSS Font-weight Property