All You Can Do with Body

All You Can Do With: Body

Not showing in this AYCD page.

JavaScript
- onload
- onunload
- onfocus
- onblur

Basic

<HTML>
<HEAD>
<TITLE>All You Can Do with Body basic</TITLE>
<LINK REL=stylesheet HREF="../AYCDStyle.css" TYPE="text/css">
<LINK REL="SHORTCUT ICON" HREF="Favicon.ico">
<BASE HREF="O:\Web Development\CSSLibrary\">
</HEAD>
<Body>
<H2>All You Can Do With: <EM>Body Basic</em></h2>
<Fieldset><Legend>Body Basic</legend>
<Form>Form: <Label For="TXTAREA1">Basic Labeled TextArea:<TEXtarea ID="TXTAREA1" Name="TextArea1"Rows="5" Cols="40">Just a plain Vanilla way to do a label on a text area.</textarea></label><BR>
<Label For="Input1">Basic Labeled INPUT:<INPUT ID="Input1" Name="TextArea1" Value="Plain Input"></label><BR>
<Label For="Select1">Basic Labeled Select:<Select ID="Select1" Name="Selector1">
<Option>Option1
<Option>Option2
<Option>Option3
</select></label><BR>
<LABel For="CB1">Checkbox 1 Label Default Checked (Baseball)<INPUT Type="Checkbox" Name="Baseball" ID="CB1" Value="Checkbox 1" CHECKED></label><BR>
<LABel For="CB2">Checkbox 2 Label (Basketball)<INPUT Type="Checkbox" Name="Basketball" ID="CB2" Value="Checkbox 2"></label><BR>
<LABel For="CB3">Checkbox 3 Label (Football)<INPUT Type="Checkbox" Name="Football" ID="CB3" Value="Checkbox 3"></label><BR>
</form>
<P>Paragraph tag with no properties and with a closing paragraph tag.</p>
<HR>
<TABLE border="1" summary="This table charts the number of cups of coffee consumed by each senator, the type of coffee (decaf or regular), and whether taken with sugar.">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
<TH>Name</TH>
<TH>Cups</TH>
<TH>Type of Coffee</TH>
<TH>Sugar?</TH>
<TR>
<TD>T. Sexton</TD>
<TD>10</TD>
<TD>Espresso</TD>
<TD>No</TD>
<TR>
<TD>J. Dinnen</TD>
<TD>5</TD>
<TD>Decaf</TD>
<TD>Yes</TD>
</TABLE>
</fieldset>
</body>
</html>

Basic

Basic

Basic

Background Properties

Margins

Note: TOPMARGIN and LEFTMARGIN establish margins in MSIE. MARGINHEIGHT and MARGINWIDTH establish margins in Netscape.

Scroll

With a smaller window

Small window and "No"

<Body SCROLL="YES" >
Other:
<Body SCROLL="No" >

Readonly

Disabled

This is the CSS for Body.

Transparent

Note: This will work when the iframe has a style="background: url('images/box_aqua_bg.gif');" but not when iframe hase the same style like: style="background-color: Transparent;". So, tranparancy does not flow through both.

<Body style="background-color: Transparent;">

Did this by adding a background image to the enclosing div tag.

Image Repeat-X

<Select style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-x;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Image Repeat-Y

<Select style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat-y;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Image no-repeat

<Select style="background: url('images/box_aqua_bg.gif'); background-repeat: no-repeat;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Image Repeat

<Select style="background: url('images/box_aqua_bg.gif'); background-repeat: repeat;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Image Attachment Scroll

<Select style="background: url('images/box_aqua_bg.gif'); background-attachment: scroll;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Image Attachment Fixed

<Select style="background: url('images/box_aqua_bg.gif'); background-attachment: fixed;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Border Border Color

<Select style="background: url('images/box_aqua_bg.gif'); border-color: lightgreen;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

These work too:

border-top-color
border-right-color
border-bottom-color
border-left-color

Border width

<Select style="border-width: 4px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

These work too:

border-top-width
border-right-width
border-bottom-width
border-left-width

Border style

<Select style="border-style: dotted;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

none
solid
hidden
dotted
dashed
double
groove
ridge
inset
outset

These work too:

border-top-style
border-right-style
border-bottom-style
border-left-style

Color Color: Text forground

<Select style="color: red;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Cursor Cursor

<Select style="Cursor: crosshair;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

auto
crosshair
default
hand
pointer
move
n
ne
e
se
sw
w
nw-resize
text
wait
help
url(url)

Direction Direction

<Select style="direction: rtl;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

Right To Left=rtl
Left To Right=ltr

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

Float Float- right
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.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.

<Select style="float: right;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select> Example Static test that just runs on and on and repeats it-self until it can display the intended example.

Float- left
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.

<Select style="float: left;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>Example Static test that just runs on and on and repeats it-self until it can display the intended example.

Float- none
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.

<Select style="float: none;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>Example Static test that just runs on and on and repeats it-self until it can display the intended example.

Font Font-bold
Font Example:

Font Example: <Select style="font: bold;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-italic
Font Example:

Font Example: <Select style="font: italic;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-oblique
Font Example:

Font Example: <Select style="font: oblique;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-small-caps
Font Example:

Font Example: <Select style="font: small-caps;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-caption
Font Example:

Font Example: <Select style="font: caption;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-icon
Font Example:

Font Example: <Select style="font: icon;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-menu
Font Example:

Font Example: <Select style="font: menu;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-message-box
Font Example:

Font Example: <Select style="font: message-box;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-small-caption
Font Example:

Font Example: <Select style="font: small-caption;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-status-bar
Font Example:

Font Example: <Select style="font: status-bar;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-(size 9pt)
Font Example:

Font Example: <Select style="font: 9pt;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-(size 14pt)
Font Example:

Font Example: <Select style="font: 14pt;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options: Number limits are different for every Browser.

Font-(size/hight 10pt/20pt)
Font Example:

Font Example: <Select style="font: 10pt/20pt;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-(size/hight 14pt/28pt)
Font Example:

Font Example: <Select style="font: 14pt/28pt;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options: Number limits are different for every Browser.

Font-(famliy Arial)
Font Example:

Font Example: <Select style="font: Arial;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-(famliy Helvetica)
Font Example:

Font Example: <Select style="font: Helvetica;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-(famliy Times)
Font Example:

Font Example: <Select style="font: Times;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Font-Family Font-Family Times
Font Example:

Font Example: <Select style="font-family: Times;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are some options:

Verdana
Arial
Helvetica
sans-serif

Font-Family Font-Size
Font Example:

Font Example: <Select style="font-size: large;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

larger
smaller
xx-small
x-small
small
medium
large
x-large
xx-large
Number in points (10pt, 12pt, 14pt, 18pt, etc;)

Font-Stretch Font-Stretch
Font Example:

Font Example: <Select style="font-stretch: ultra-condensed;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
normal
semi-expanded
expanded
extra-expanded
ultra-expanded

Font-Style Font-Style
Font Example:

Font Example: <Select style="font-style: normal;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

italic
oblique

Font-Variant Font-Variant
Font Example:

Font Example: <Select style="font-variant: small-caps;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

normal

Font-Weight Font-Weight
Font Example:

Font Example: <Select style="font-weight: 700;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

normal
bold
lighter
bolder
100-500 - normal
600
700-800
900

Font-Height Font-Height
Font Example:

Font Example: <Select style="font-height: 24px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

auto

Letter Spacing Letter-Spacing (Kerning)
Letter Spacing Example:

Letter Spacing Example: <Select style="letter-spacing: 10px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

normal
-Xpx
+Xpx

Line Height Line-Height (leading)
Line Height Example:

Line Height Example: <Select style="line-height: 20px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

normal
Xpx

Margin Margin
Margin Example:

Margin Example: <Select style="margin-top: 20px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

margin-top: auto/Xpx;
margin-right auto/Xpx;
margin-bottom auto/Xpx;
margin-left auto/Xpx;

Overflow overflow
Overflow Example:

Overflow Example: <Select style="overflow: hidden;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Overflow Example:

Overflow Example: <Select style="overflow: visible;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Overflow Example:

Overflow Example: <Select style="overflow: scroll;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

hidden
scroll
visible
auto

Padding padding
Padding Example:

Padding Example: <Select style="padding: 12px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

padding-top
padding-right
padding-bottom
padding-left

Position position
Position Example:

Position Example: <Select style="position: relative; top:-50; left:5;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

position:absolute
position:relative
position:fixed
top
left
z-index

Scrollbar scrollbar
Scrollbar 3D Light Color Example:

Scrollbar 3D Light Color Example: <Select style="scrollbar-3dlight-color:red;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Arrow Color Example:

Scrollbar Arrow Color Example: <Select style="scrollbar-arrow-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Base Color Example:

Scrollbar Base Color Example: <Select style="scrollbar-base-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar darkshadow Color Example:

Scrollbar darkshadow Color Example: <Select style="scrollbar-darkshadow-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Face Color Example:

Scrollbar Face Color Example: <Select style="scrollbar-face-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Highlight Color Example:

Scrollbar Highlight Color Example: <Select style="scrollbar-highlight-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Shadow Color Example:

Scrollbar Shadow Color Example: <Select style="scrollbar-shadow-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Scrollbar Track Color Example:

Scrollbar Track Color Example: <Select style="scrollbar-track-color:blue;" size="5">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

scrollbar-3dlight-color:ColorX
scrollbar-arrow-color:ColorX
scrollbar-Base-Color:ColorX
scrollbar-DarkShadow-Color:ColorX
scrollbar-Face-Color:ColorX
scrollbar-Highlight-Color:ColorX
scrollbar-Shadow-Color:ColorX
scrollbar-Track-Color:ColorX

Text Align text align
Text Align Example:

Text Align Example: <Select style="text-align: right;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Text Align Example:

Text Align Example: <Select style="text-align: center;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Text Align Example:

Text Align Example: <Select style="text-align: justify;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-align: left
text-align: center
text-align: right
text-align: justify

Text Decoration text decoration
Text Decoration Example:

Text Decoration Example: <Select style="text-decoration: line-through;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Text Decoration Example:

Text Decoration Example: <Select style="text-decoration: underline;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Text Decoration Example:

Text Decoration Example: <Select style="text-decoration: blink;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-decoration: none
text-decoration: overline
text-decoration: line-through
text-decoration: underline
text-decoration: blink

Text Indent text indent
Text Indent Example:

Text Indent Example: <Select style="text-indent: 100px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-indent: #px

Text Justify text justify
Text Justify Example:

Text Justify Example: <Select style="text-justify: newspaper;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-justify: auto;
text-justify: distribute;
text-justify: distribute-all-lines;
text-justify: inter-cluster;
text-justify: inter-ideograph;
text-justify: inter-word;
text-justify: kashda;
text-justify: newspaper;

Text Shadow text shadow
Text Shadow Example:

Text Shadow Example: <Select style="text-shadow: blue;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-shadow:

Text Transform text transform
Text Transform Example:

Text Transform Example: <Select style="text-transform: uppercase;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-transform: capitalize;
text-transform: uppercase;
text-transform: lowercase;
text-transform: none;

Text Underline Position text underline position
Text Underline Position Example:

Text Underline Position Example: <Select style="text-underline-position: above;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

text-underline-position: above;
text-underline-position: below;

Vertical Align vertical align
Vertical Align Example:

Vertical Align Example: <Select style="vertical-align: top;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Vertical Align Example:

Vertical Align: <Select style="vertical-align: middle;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Vertical Align Example:

Vertical Align Example: <Select style="vertical-align: bottom;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

vertical-align: top;
vertical-align: middle;
vertical-align: baseline;
vertical-align: bottom;
vertical-align: sub;
vertical-align: super;
vertical-align: text-bottom;
vertical-align: text-top;

Visibility visibility
Visibility Example:

Visibility Example: <Select style="visibility: hidden;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

visibility: hidden;
visibility: visible;
visibility: collapse;

White Space white space
White Space Example:

White Space Example: <Select style="white-space: nowrap;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

white-space: normal;
white-space: nowrap;
white-space: pre;

Word Spacing word spacing
Word Spacing Example:

Word Spacing Example: <Select style="word-spacing: -5px;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

word-spacing: normal;
word-spacing: #px;
word-spacing: -#px;

Word Wrap word wrap
Word Wrap Example:

Word Wrap Example: <Select style="word-wrap: break-word;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Word Wrap Example:

Word Wrap Example: <Select style="word-wrap: normal;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

word-wrap: break-word;
word-wrap: normal;

Zoom zoom
Zoom Example:

Zoom Example: <Select style="zoom: 50%;">
<Option>Orange
<Option Selected>Lime
<Option>Lemon
<Option>Grapefruit
<Option>Navel Orange
<Option>Meyers Lemon
</Select>

Here are the options:

zoom: 50%;