CSS font-weight Property
 Complete CSS Reference
Example
Set different font weight for three paragraphs:
p.normal {font-weight:normal}
p.thick {font-weight:bold}
p.thicker {font-weight:900} |
Try it yourself »
|
Definition and Usage
The font-weight property sets how thick or thin characters in text should be displayed.
| Default value: |
normal |
| Inherited: |
yes |
| Version: |
CSS1 |
| JavaScript syntax: |
object.style.fontWeight="900" |
Browser Support
The font-weight property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Property Values
| Value |
Description |
| normal |
Defines normal characters. This is default |
| 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 |
Related Pages
CSS tutorial: CSS Font
CSS reference: font property
HTML DOM reference: fontWeight property
Complete CSS Reference
Stylus Studio® 2010 XML Enterprise Suite raises the bar for productivity in XML development tools.
Millions of XML developers and data integration specialists turn to Stylus Studio's comprehensive and intuitive
XML toolset to tackle today's advanced XML data transformation and aggregation challenges.
|
- XML Pipeline Editor, Debugger and Code Generator
- DataDirect XML Converters
- XQuery Mapper, Editor, Debugger, and Profiler
- XSLT Mapper, Editor, Debugger, Designer, and Profiler
- Java and C# for .Net Code Generation
- XML Schema Designer With Documentation Generator
- XML Editor With Full XPath Integration
Download a free trial now
|
|
