CSS Style-Editor

Select an HTML tag first or add your own style name and select it on the left. After that you can create your individual CSS code. Choose the panel "CSS-Code" to copy the result.

Border Style
(same for all)
Top

Bottom

Left

Right

Sets the style of the four borders, can have from one to four styles.

Border Width
(same for all)
Top

Bottom

Left

Right

Sets the width of the four borders, can have from one to four styles widths.

Border Color
(same for all)
Top

Bottom

Left

Right

Sets the color of the four borders.

The CSS background properties allow you to control the background color of an element, set an image as the background, repeat a background image vertically or horizontally, and position an image on a page.

Foreground Color

Sets the color of a text.

Background Color

Sets the background color of an element.

Background Image

Sets an image as the background. Please enter the relative path or url to your image file.

Background
Repeat

Sets if/how a background image will be repeated.

Background
Attachment

Sets whether a background image is fixed or scrolls with the rest of the page.

Background
Position

Sets the starting position of a background image.

Width

The width property sets the width of an element.

Min Width

The min-width property is used to constrain the minimum width of an element.

Max Width

The max-width property is used to constrain the maximum width of an element.

Height

The height property sets the height of an element.

Min Height

The min-height property sets the minimum height of an element.

Max Height

The max-height property sets the maximum height of an element.

Display

Sets how far the top edge of an element is above/below the top edge of the parent element.

Visibility

The visibility property sets if an element should be visible or invisible.

Z-Index

Sets the stack order of an element.

Overflow

This property specifies whether the content of a block-level element is clipped when it overflows the element's box.

Clear

This property indicates which sides of an element's box may not be adjacent to an earlier floating box.

Direction

Choose the text direction.

Cursor

This property indicates which sides of an element's box may not be adjacent to an earlier floating box.

Font Family

Font families may be assigned by a specific font name or a generic font family.

Font Size

A prioritized list of font family names and/or generic family names for an element.

Line Height

The line-height property sets the distance between lines.

Font Weight

The font-weight property is used to specify the weight of the font.

Font Variant

The font-variant property determines if the font is to display in normal or small-caps.

Font Style

Determines the font style.

The CSS properties for lists are specially for the HTML elements ul and ol. The CSS list properties allow you to place the list-item marker, change between different list-item markers, or set an image as the list-item marker.

List Style Type

Sets the type of the list-item marker.

List Style Position

Sets where the list-item marker is placed in the list.

List Style Image

Sets an image as the list-item marker.

Margin

The margin property sets the margins of an element. This section sets the same margins for all sides.

Margin Top

Sets the top margin of an element.

Margin Bottom

Sets the bottom margin of an element.

Margin Left

Sets the left margin of an element.

Margin Right

Sets the right margin of an element.

Padding

An element's padding is the amount of space between the border and the content of the element.

Padding Top

Sets the top padding of an element.

Padding Bottom

Sets the bottom padding of an element.

Padding Left

Sets the bottom padding of an element.

Padding Right

Sets the right padding of an element.

The CSS positioning properties allow you to specify the left, right, top, and bottom position of an element. It also allows you to set the shape of an element, place an element behind another, and to specify what should happen when an element's content is too big to fit in a specified area.

Combine the top/bottom/left/right properties EITHER left with top or bottom OR right with top or bottom.

Position

Places an element in a static, relative, absolute or fixed position.

Top

Sets how far the top edge of an element is above/below the top edge of the parent element.

Bottom

Sets how far the top edge of an element is above/below the top edge of the parent element.

Left

Places an element in a static, relative, absolute or fixed position.

Right

Specifies the right edge of an element.

Vertical Align

Sets the vertical alignment of an element.

The CSS table properties allow you to set the layout of a table.

Border Collapse

Border-Collapse specifies border rendering mode.

Border Spacing

The border-spacing specifies the distance between the borders of adjacent table cells in the "separated borders" model.

Caption Side

Specifies on which side of the table a table-caption box will be placed.

Empty Cells

The empty-cells property determines whether a border will appear around any empty cells in a table.

Table Layout

Sets how the browser renders tables.

Text Decoration

blink
line-through
none
overline
underline

This property describes the appearance characteristics of text.

Text Alignment

Aligns the text in an element.

Text Transformation

Controls the letters in an element.

White Space

The white-space property sets how white-space inside an element is handled.

Letter Spacing

Increase or decrease the space between characters

Word Spacing

Increase or decrease the space between words

current style all styles

With css-edit.com you can online edit CSS and copy it to your styles file. The use of css-edit.com is FREE. If you want to make a donation to support the development of these and other scripts, we would be very grateful indeed - any support is welcome!

Related Links