Set the Font Boldness
By Stephen Bucaro
Use the font-weight property to set boldness of text. Font weight can
be set to normal, bold, or as a "thickness" value between 100 and 900.
<p style="font-weight:normal;">Font weight set to normal</p>
Font weight set to normal
<p style="font-weight:bold;">Font weight set to bold</p>
Font weight set to bold
<p style="font-weight:600;">Font weight set to 600</p>
Font weight set to 600
To set a bold font for some text within a paragraph, place the text to be set
to bold within a <span> element, and set the font-weight property of the
span to the desired value. An example is shown below.
<p>To set a bold font for some text within a paragraph,
<span style="font-weight:bold;"> place the text to be
set to bold within a span element</span>, and set the
font-weight property of the span to the desired value.</p>
To set a bold font for some text within a paragraph,
place the text to be set to bold within
a span element, and set the font-weight property of the span to
the desired value.
Note, some webpage designers think everything should be done with CSS styles
and the use of html tags is obsolete. I disagree because it's so easy to just
place the text to be set to bold within <b></b> tags. An example
is shown below.
<p>To set a bold font for some text within a paragraph,
<b>place the text to be set to bold within a span element
</b>, and set the font-weight property of the span to the
desired value.</p>
To set a bold font for some text within a paragraph, place the text to
be set to bold within a span element, and set the font-weight property of
the span to the desired value.
The developers of html version 4 thought just using <b> for "bold"
was too difficult to understand, so they added the <strong> tag, which
does exactly the same thing.
More CSS Quick Reference:
• Set the Text Alignment
• Highlight Text
• position:fixed
• Set an Element's Visibility
• Set the Text Decoration
• Class Selector
• Set the Letter Spacing
• Set an Element's Display Property
• Set a Background Image's Position
• Use an Embedded Style Sheet
| 
About BTH
User Agreement
Privacy
Site Map
Contact
News Feeds
RSS Feed
Follow @Stephen Bucaro
General Web Design
