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:
• Set the Font Slant
• Use an Embedded Style Sheet
• How to Use a CSS ID Selector
• Set a Background Image's Position
• Grouped Selectors
• Set The Cursor Style
• Set the Font Properties
• Set the Border Color
• Set List Bullets Position
• Style the First Letter

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-2024 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268