Your browser doesn't support java or java is not enabled!
Kopieren Sie die Hex Zahl aus dem Textfeld in Ihr Farbtextfeld

Allgemeine Angaben

Festlegen der Vordergrundfarbe also der Schrift
Hex=#000000, Wort=black, RGB=000 000 000, transparent
z.B.
color:black; color:#000000;

Festlegen der Hintergrundfarbe
z.B.
background-color:black; background-color:#000000;

Festleen eines Hintergrundbildegs
z.B. Bild dann bitte in den Image_Designordner kopieren
background-image:url(bild.xyz);

Festlegen der Position des Hintergrundbildes
z.B. möglich: bottom, center, top, left, right, zahlkoXpx zahlkoYpx,
background-position:left;

Festlegen des Verhaltens des Hintergrundbildes
z.B. möglich: fixed, scroll,
background-attachment:fixed;

Festlegen der Wiederholung des Hintergrundbildes
z.B. möglich: no-repeat, repeat, repeat-x, repeat-y,
background-repeat:no-repeat;

Hintergrund zusammengefasst:
z.B.
background:black url(bild.gif) repeat fixed top;

Festlegen von Breite und Höhe - gängige Einheiten: %, px, em,
height:80px;
width:50%;
(keine Darstellung im Internet Explorer)
min(max)-width: 200px;
min(max)-height: 300px;

Festlegen der Rahmen - Arten
z.B. möglich solid, dotted, dashed, outset,
border: 1px solid black;

Rahmen separat formatieren
border-color:black;
border-style:solid
border-width:2px; (thin, medium, thick)

einzelne Seiten des Rahmens formatieren
z.B. border-top, border-bottom, border-left, border-right
border-top:4px solid black;
border-top-color: black;
border-top-style: solid;
border-top-width: 4px;

Rahmen kolabieren lassen zwischen Tabellenzellen
border-collapse:collapse; (seperate)

Festlegen des Rahmenabstand
border-spacing:5px;

Elementeigenschaft festlegen
display:block, (inline)

2. Elemente zur Textformatierung

Festlegen der Schriftart
z.B. möglich fast auf jedem Computer:
Arial, Helvetica, sans-serif
Verdana, Arial, Helvetica, sans-serif
'Times New Roman', Times, serif
Geneva, Arial, Helvetica, sans-serif
'Courier New', Courier, mono
Georgia, 'Times New Roman', Times, serif

font-family:Arial, Helvetica, sans-serif;

Festlegen der Schriftgrösse - gängige Einheiten: %, px, em,
z.B.: font-size:10px;

Festlegen des gewischteten Schriftgrades
z.B. möglich: bold, normal, bolder
font-weight:bold;

Festlegen des Schriftstiles
z.B. möglich: italic, oblique, normal
font-style:italic;

Festlegen der Buchstabenart
z.B. möglich: small-caps, normal
font-variant:small-caps;

Festlegen der Zeilenhöhe - gängige Einheiten: %, px, em,
line-height:20px;

Zusammengefasste Schriftformatierung:
font:italic small-caps bold 13px/20px verdana, sans-serif;
Die Angabe "13px/20px" steht dabei für font-size/line-height

Festlegen der Textdekoration
z.B. möglich: underline, line-through,none, overline, blink (nur Netscape)
text-decoration:underline;

Festlegen des Buchstabenabstandes - gängige Einheiten: %, px, em,
letter-spacing:2px;

Festlegen des Wortabstandes - gängige Einheiten: %, px, em,
word-spacing:4px;

Definieren von Listen - circle, square, decimal, lower-alpha, none, .....
list-style-type:circle;

Listen mit Bildern (eigene Bulletgrafik)
list-style-image:url(bild.xyz)

Festlegen der Listeneinrückung
list-style-position:inside; (outside)

Zusammengefasste Listenformatierung:
list-style:circle inside;
list-style:inside url(bild.gif);

3. Elemente zur Ausrichtung und Positionierung

Festlegen des Aussenabstandes - gängige Einheiten: %, px, em, auto
margin:10px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;

Festlegen des Innenabstandes
padding: 20px;
padding-top:20px;
padding-bottom: 20px;
padding-left:20px;
padding-right:20px;

Die Angaben für margin und padding können auch zusammen gefasst werden:
margin:20px 10px 0 50px;
padding:30px 20px 10px 10px;
Diese Angabe entspricht: margin(padding):top right bottom left;

Festlegen der Position
möglich; absolute, relative, fixed, static
position: absolute;
left: 50px;
top: 30px;
z-index: 1;

Umfliessen von Elementen
möglich; left, right, both
float: left; (right)

Umfliessen beenden
möglich left, right, both
clear: left;

Ausrichten von Inlineelementen
z.B.: möglich: right, left, center, justify
text-align: right;
möglich: middle, bottom, top
vertical-align: middle; (bottom, top)Nur in Tabellenzellen bzw. bei Verwendung von display:table-cell