All You Can Do With: Legend

The LEGEND element assigns a caption to a FIELDSET.
W3 Org on Legends
Not showing in this AYCD page.
  1. You can also use the Legend tag to add text to the border created with the fieldset.
  2. access is available to control the access key.
  3. JavaScript
    • onclick
    • ondblclick
    • onmousedown
    • onmouseup
    • onmouseover
    • onmousemove
    • onmouseout
    • onkeypress
    • onkeydown
    • onkeyup

Basic

Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Title

Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend title="Just a simple title"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Accesskey

Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset accesskey="T"> <Legend accesskey="T"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

This is the CSS for Legend.

Background

Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif');"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Simple Text Legend
Second Line in Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif');"> Simple Text Legend<BR> <HR width="100"> Second Line in Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background-color: yellow;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Simple Text Legend
Second Line in Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background-color: yellow;"> Simple Text Legend<BR> <HR width="100"> Second Line in Legend Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Transparent
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background-color: Transparent;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image Repeat-X
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-x;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image Repeat-Y
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-y;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image no-repeat
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: no-repeat;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image Repeat
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image Attachment Scroll
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: scroll;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Image Attachment Fixed
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="background: url('images/box_aqua_bg.gif'); background-repeat: fixed;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Border

Border Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-width: 1; border-color: lightgreen;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Border Top Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-width: 1; border-top-color: lightgreen;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Border Right Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-width: 1; border-right-color: lightgreen;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Border Bottom Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-width: 1; border-bottom-color: lightgreen;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Border Left Color
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-width: 1; border-left-color: lightgreen;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Border width
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset style="border-width: 4px;"> <Legend style="border: solid; border-width: 4px;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

These work too:

Border style
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="border: solid; border-style: dotted;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

These work too:

Cursor

Cursor
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="Cursor: crosshair;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Direction

Direction
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="direction: rtl;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Display

Display
Display Display
CSS Display is being evaluated for implementation on this page.

Float

Float- right
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.
<Fieldset style="float: right;"> <Legend style="float: right;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset> Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.
Float- left
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.
<Fieldset> <Legend style="float: left;"> Simple Text Legend </legend> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset> Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.
Float- none
Simple Text Legend Plain Textarea:
Name:
Safari
Netscape
IE5
Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.
<Fieldset style="float: none;"> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset> Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example. Example Static test that just runs on and on and repeats it-self until it can display the intended example.

Font

Font-bold
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: bold;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-italic
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: italic;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-oblique
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: oblique;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-small-caps
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: small-caps;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-caption
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: caption;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-icon
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: icon;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-menu
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: menu;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-message-box
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: message-box;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-small-caption
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: small-caption;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-status-bar
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: status-bar;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(size 9pt)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: 9pt;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(size 14pt)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: 14pt;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(size/hight 10pt/20pt)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: 10pt/20pt;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(size/hight 14pt/20pt)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: 14pt/20pt;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(size/hight 14pt/28pt)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: 14pt/28pt;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(famliy Arial)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: Arial;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(famliy Helvetica)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: Helvetica;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-(famliy Times)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font: Times;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Font-Family Times
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-family: Times;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are some options:

Font-Stretch
Font-Stretch
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-stretch: ultra-condensed;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Font-Style Font-Style
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-style: oblique;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Font-Variant
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-variant: small-caps;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Font-Weight
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-weight: 200;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Font-Height Font-Height
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="font-height: 24px;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Letter Spacing Letter-Spacing (Kerning)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="letter-spacing: 10px;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Line Height Line-Height (leading)
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="line-height: 20px;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Margin Margin
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="margin-top: 20px;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Padding padding
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="padding: 12px;"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Position position
Simple Text Legend Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="position: relative; top:-50; left:5"> Simple Text Legend </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>

Here are the options:

Scrollbar scrollbar
Scrollbar 3D Light Color Example:
This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar. Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="scrollbar-3dlight-color:red; width: 300; overflow: scroll;"> This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar.This text should show the scrollbar-3dlight-color:red. Repeating to display a scrollbar. </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Scrollbar Arrow Color Example:
This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="scrollbar-arrow-color:blue; width: 300; overflow: scroll;"> This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Scrollbar Base Color Example:
This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="scrollbar-base-color:blue; width: 300; overflow: scroll;"> This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Scrollbar darkshadow Color Example:
This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="scrollbar-darkshadow-color:blue; width: 300; overflow: scroll;"> This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-arrow-color:blue. Repeating to display a scrollbar. </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Scrollbar Face Color Example:
This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar. Example Static test so it can display the intended example.
Plain Textarea:
Name:
Safari
Netscape
IE5
<Fieldset> <Legend style="scrollbar-face-color:blue; width: 300; overflow: scroll;"> This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar.This text should show the scrollbar-face-color:blue. Repeating to display a scrollbar. </legend> Example Static test so it can display the intended example.<BR> Plain Textarea: <TEXtarea>Just a plain Vanilla textarea.</textarea><BR> Name: <INPUT NAME="Name"><BR> <INPUT TYPE=CHECKBOX NAME="Safari"> Safari<BR> <INPUT TYPE=CHECKBOX NAME="Netscape"> Netscape<BR> <INPUT TYPE=CHECKBOX NAME="IE5"> IE5<BR> </fieldset>
Some combinations:
Here are some objects in the legend.
Plain Textarea:
Name:
Safari
Netscape
IE5
Gotta do a table, just to show a legend in a legend!!
ColorDescription
 Green
 Red
 Yellow
 Blue
 Plain Textarea:
Name:
Safari
Netscape
IE5
ColorDescription
 Green
 Red
 Yellow
 Blue
 Plain Textarea:
Name:
Safari
Netscape
IE5