Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Set the Font Boldness

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:
• CSS background-clip Property
• Set an Element's Clipping
• CSS background-origin Positions Background
• Set the Border Properties
• Use Image for List Item Bullets
• Use word-wrap Property to allow Line Breaks in the Middle of Words
• Set an Element's Display Property
• Set the Word Spacing
• Set a Background Image's Position
• Set the Border Color

RSS Feed RSS Feed


Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2018 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268