Text Decor

## Underlined Text

* Solid
* Double
* Dotted
* Dashed
* Wavy

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Overlined text

* Solid
* Double
* Dotted
* Dashed
* Wavy

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Line-through

* Solid
* Double
* Dotted
* Dashed
* Wavy

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Webkit Text Decoration

Compitable with Safari & Opera
(Works on all Browsers)

* Overline
* Line-through
* Wavy

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Skip Ink {SKIP}

{SKIP} detirmines whether or not text-decoration is skipped. Options are auto (on, default) or none (off).

## Auto Underline

* Solid
* Double
* Wavy

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## None Underline

* Solid
* Double
* Wavy
* Example 2

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Text Underline Offset

The text-underline-offset property sets the distance from the text and the underline. Without the use of the text-decoration-skip-ink property, text-underline-offset isn't very useful, since the underline won't normally be drawn if it would show up behind text.

text-underline-offset: {OFFSET};
{OFFSET} being a negative or positive number value in pixels (px). If negative, the underline moves up, if positive the underline moves down.
<tabber>

Example 1=
Farm Bay Wiki
Farm Bay Wiki

## Text Shadow

* {XOFFSET}
* {BLUR}
* {YOFFSET}
* {Multi-COLOR 1}
* {Multi-Color 2}

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

Farm Bay Wiki

## Text Decorations

1.) Underlines=Underline-overline text
````
<div style="text-decoration: underline overline">Underline-overline text</div>
````
2.) Overlines-Overlined text
````
<div style="text-decoration: overline">Overlined text</div>
````
3.) Strikes-Strikethrough text
````
<div style="text-decoration:line-through">Strikethrough text</div>
````
4.) Squiggly-Wavy Underline
````
<div style="text-decoration: underline; text-decoration-style: wavy">Wavy Underline</div>
````

## Font Sizes

1.) <div style="font-size:10px">Contents</div>Looks like this:Contents
2.) <p style="font-size:20px">Contents</p>Looks like this:Contents

3.) <small>Contents</small>Looks like this: Contents

4.) <big>Contents</big>Looks like this: Contents

Coding a Badge!=
Hello! These are the steps to create a badge, and I'm going to try to help out. The rest of the blog is more in depth details about everything. There are basics forms of badge making, this is especially going to focus on friend badges!
Template:MakingTemplates

## For example:

text-align:left;
text-align:center;
text-align:right;

## The code:

````
<div style="font-family:indie flower;font-size:20px;color:red;text-align:left;">text-align:left;</div>

````
## Colored Text Decorations

Wavy Underline
````
<div style="text-decoration: underline; text-decoration-style: wavy;text-decoration-color: purple;">Wavy Underline</div>
````

**USERNAME's Friend**

**Yay! You've won username's friendship! This badge resembles that, hope you have a wonderful day! More text can go here! More text and more filler!**

To put this on your profile, put **Template:TEMPLATENAMEGOESHERE>**into the source code

Coding Credits

## Spacing

1.) **Word spacing**- Used for big text to keep from overlapping.

<div style="font-size:40px;line-height:100%;">Contents Contents Contents</div>

Looks like this:Contents Contents Contents Contents Contents Contents Contents Contents Contents Contents Contents Contents

2.) **Letter Spacing**- Used for putting spaces within each letter.

<div style="font-size:40px;letter-spacing:5px">Contents</div>

Looks like this- Contents