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 Style

Set the Font Style

Use the font-style property to set the font style. Font style values may be normal, italic, or oblique. Shown below is font-style set to normal.

<p style="font-style:normal">Font Style set to normal.</p>

Font Style set to normal.

Because font-style set to normal is the default, you wouldn't normally use that value, except to override an inherited style other than normal.

Shown below is font-style set to italic.

<p style="font-style:italic">Font Style set to italic.</p>

Font Style set to italic.

Shown below is font-style set to oblique.

<p style="font-style:oblique">Font Style set to oblique</p>

Font Style set to oblique

"Oblique" means the font is slanted. The specified font family may not contain an oblique option, therefore, when font-style is set to oblique, it may default to italic.

To set a different font style for some text within a paragraph, place the text to be set to the different style within a <span> element, and set the font-style property of the span to the desired value. An example is shown below.

<p>To set a different font style for some text within a paragraph, 
<span style="font-style:italic;">place the text to be set to the
different style within a span element</span>, and set the font-style
property of the span to the desired value.</p>

To set a different font style for some text within a paragraph, place the text to be set to the different style within a span element, and set the font-style property of the span to the desired value.

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 the text to be set to italic within <i></i> tags. An example is shown below.

<p>To set a different font style for some text within a paragraph, 
<i>place the text to be set to the different style within a span element<i>,
and set the font-style property of the span to the desired value.</p>

To set a different font style for some text within a paragraph, place the text to be set to the different style within a span element, and set the font-style property of the span to the desired value. An example is shown below.

The developers of html version 4 thought just using <i> for "italic" was too difficult to understand, so they added the <em> tag for "emphasis", which does exactly the same thing.

More CSS Quick Reference:
• Set List Bullets Position
• Set List Properties
• Use an Embedded Style Sheet
• Set the Line Spacing
• Set Text Justification
• CSS Units of Measurement
• Set the Text Color
• CSS background-origin Positions Background
• Set the Font Boldness
• Set an Element's Visibility

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