This program's intention is to easily generate styles for CSS selectors on the fly. Simply fill in the data below, click build, and copy the code into your stylesheets.

As this is the initial release candidate, if you find any errors or have any suggestions, don't hesitate to email me. I've received a ton of suggestions due to a recent influx of Digg users, this tool will be improved over the coming days.

Enter a class name to begin.

Selector Name(s): Custom Tag (Define Below) a a:link a:visited a:active a:hover body h1 h2 h3 h4 h5 h6 html img input li p table tbody td tfoot th thead tr ul abbr acronym address applet area b base basefont bdo big blockquote br button caption center cite code col colgroup dd del dir div dfn dl dt em fieldset form head hr i ins kbd label legend link map meta noframes noscript object ol optgroup option param pre q samp script select small span strike strong sub sup textarea title tt u var
or Custom Name:
Examples:
   #test
   .test

Every field below is optional, fill out what you need and click "Build It".
Clicking tabs will not result in any data loss.

• Font / Text
• Box Properties
• Background
• Positioning
• List Properties

Font Family

Arial, Helvetica, sans-serif Times New Roman, Times, serif Courier New, Courier, monospace Georgia, Times New Roman, Times, serif Verdana, Arial, Helvetica, sans-serif Geneva, Arial, Helvetica, sans-serif Trebuchet MS, Trebuchet, Verdana, sans-serif

Font Size

9px 10px 11px 12px 14px 16px 18px 24px 36px

Font Weight

normal bold bolder lighter 100 200 300 400 500 600 700 800 900

Font Style

normal italic oblique

Font Variant

normal small-caps

Font Line Height

* include unit of measurement

Font Case

capitalize uppercase lowercase none

Font Color

Font Decoration

underline
overline
line-through
blink
none

Word Spacing

* include unit of measurement

Letter Spacing

* include unit of measurement

Text Vertical Alignment

baseline sub super top text-top middle bottom text-bottom

Text Horizontal Alignment

left right center justify

Text Indentation

* include unit of measurement

Whitespace

normal pre nowrap

Width

* include unit of measurement

Height

* include unit of measurement

Float

left right none

Clear

both left right none

Padding

* include unit of measurement

Margin

* include unit of measurement

Display Type

none block inline list-item run-in compact marker table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption

Complete Border

Size: 1px 2px 3px 4px 5px
Type: solid dotted dashed double grove ridge inset outset none
Color:

Top Border

Size: 1px 2px 3px 4px 5px
Type: solid dotted dashed double grove ridge inset outset none
Color:

Right Border

Size: 1px 2px 3px 4px 5px
Type: solid dotted dashed double grove ridge inset outset none
Color:

Bottom Border

Size: 1px 2px 3px 4px 5px
Type: solid dotted dashed double grove ridge inset outset none
Color:

Left Border

Size: 1px 2px 3px 4px 5px
Type: solid dotted dashed double grove ridge inset outset none
Color:

Background Color

Background Image
(url or path to the image)

Background Image Position

top left top center top right center left center center center right bottom left bottom center bottom right

Background Image Repeat

no-repeat repeat repeat-x repeat-y

Background Image Attachment

fixed scroll

Positioning Type

absolute fixed relative static

Visibility

inherit visible hidden

Z-Index

Overflow

visible hidden scroll auto

Placement Top

* include unit of measurement

Placement Right

* include unit of measurement

Placement Bottom

* include unit of measurement

Placement Left

* include unit of measurement

List Type

disc circle square decimal lower-roman upper-roman lower-alpha upper-alpha none

List Bullet Image
(url or path to image)

List Position

inside outside

* some examples of units of measurement are:
px, em, pt, in, cm, mm, %... Example: 100px is 100 pixels



Start Over Fresh

v1.0 Powered by Meta Titan