
The Complete Idiot's Style Sheets Reference
| Index
| Current Category: Fonts |
| Previous Style: font-variant
| Next Style: height
|
font-weight
Controls the thickness of text.
Support:
-
Notes:
- The thickness of the text is really the amount of bolding that's applied to the text.
- This style replaces the HTML <B> tag.
Possible Values:
- bold
Formats text as bold.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
3.0 and later |
4.0 and later |
- bolder
Formats the text as the next weight higher than the text already is.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- lighter
Formats the text as the next weight lower than the text already is.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
- [specific-weight]
A specific font weight.
-
Support:
-
W3C Standard | Internet Explorer | Netscape Navigator |
CSS1 and later |
4.0 and later |
4.0 and later |
-
Notes:
-
Possible values: 100, 200, 300, 400, 500, 600, 700, 800, 900.
- The higher the number, the bolder the text.
- Currently, the browsers don't do much of anything with font weights from 100 to 500.
Example:
<DIV STYLE="font-size: 18pt">
The <SPAN STYLE="font-family: 'Courier New',Courier">
font-weight</SPAN> style uses the following values:
<SPAN STYLE="font-weight: 100">100</SPAN>,
<SPAN STYLE="font-weight: 200">200</SPAN>,
<SPAN STYLE="font-weight: 300">300</SPAN>,
<SPAN STYLE="font-weight: 400">400</SPAN>,
<SPAN STYLE="font-weight: 500">500</SPAN>,
<SPAN STYLE="font-weight: 600">600</SPAN>,
<SPAN STYLE="font-weight: 700">700</SPAN>,
<SPAN STYLE="font-weight: 800">800</SPAN>,
<SPAN STYLE="font-weight: 900">900</SPAN>,
</DIV>
How It Looks:
The
font-weight style uses the following values:
100,
200,
300,
400,
500,
600,
700,
800,
900,
| Index
| Current Category: Fonts |
| Previous Style: font-variant
| Next Style: height
|
|