Home > Reading Material > Text Customising With CSS

Text Customising With CSS

Strong

Replacement for <b> and <bold>. Example: strong

1. Add to your web page:

<strong>text</strong>

2. Then you can customise it’s look from within your style sheet:

strong{}

Italic

Replacement for <i>. Example: italic

1. Add to your web page:

<em>text</em>

2. Customise it’s look from within your style sheet:

em{}

Strike Through

Replacement for <s> and <strike>. Example: strike

1. Add to your web page:

<span class=”strike”>text</span>

2. Add to style sheet:

.strike{
text-decoration:line-through;
}

Blink

Replacement for <blink>. Example: blink

1. Add to your web page:

<span class=”blink”>text</span>

2. Add to style sheet:

.blink{
text-decoration:blink;
}

Underline

Replacement for <u>. Example: underline

1. Add to your web page:

<span class=”underline”>text</span>

2. Add to style sheet:

.underline{
text-decoration:underline;
}

fieldset

Replacement for <textarea>. Example:

fieldset

1. Add to your web page:

<fieldset>text</fieldset>

2. Customise it’s look from within your style sheet:

fieldset{}

Double Underline

Example: double underline

1. Add to your web page:

<span class=”double-underline”>double underline</span>

2. Add to style sheet:

.double-underline{
text-decoration:underline;
border-bottom:1px solid #000;
padding-bottom:2px;
}

♥ back