Topics / CSS / ID: 26

Wichtige CSS - Angaben

Hier einige der wichtigsten CSS-Formatangaben die jeder gute Webmaster kennen sollte.
Dieses ist keine vollständige Liste der CSS-Möglichkeiten, es gibt noch viele weitere Formatierungsmöglichkeiten. Eine genaue Auflistung der CSS-Angaben und deren Bedeutung finden Sie hier: selfhtml.

a:link

Bedeutung: Link
Zuweisung: Größe, Farbe, Schriftart...
Beispiel:  a:link {font-size: 12px; font-family: Arial,Verdana; color:#FF0000 }

a:visited

Bedeutung: Besuchter Link
Zuweisung: Größe, Farbe, Schriftart...
Beispiel: a:link {font-size: 12px; font-family: Arial,Verdana; color:#FFFF00 }

a:active

Bedeutung: Angeklickter Link
Zuweisung: Größe, Farbe, Schriftart...
Beispiel:     a:link {font-size: 12px; font-family: Arial,Verdana; color:#FF00FF }

a:hover

Bedeutung: Link beim Drüberfahren
Zuweisung: Größe, Farbe, Schriftart...
Beispiel: a:link {font-size: 12px; font-family: Arial,Verdana; color:#000080 }

font-family :

Bedeutung: Schriftart
Zuweisung: Scriftarten wie Verdana, Arial, Times New Roman...
Beispiel: p {font-family: Arial,Verdana; }

font-size :

Bedeutung: Schriftgröße
Zuweisung: numerischer Wert in pt(Punkt), px (Pixel)
Beispiel: a:link {font-size: 12px; }

color :

Bedeutung: Schriftfarbe
Zuweisung: yellow, white, etc oder HTML Farbangabe (#000080 für Dunkelblau)
Beispiel: a:link {color: #000080; }

background :

Bedeutung: Hintergrundfarbe
Zuweisung: blue, black oder HTML Farbangabe (#FF0000 für Rot)
Beispiel: a:link {background: #FF0000; }

background-image :

Bedeutung: Hintergrundbild
Zuweisung: none, URL
Beispiel: div {background-image: url(images/bild.gif); }

text-align :

Bedeutung: Textausrichtung
Zuweisung: left, right, center, justify (Blocksatz)
Beispiel: p {text-align: right; }

text-decoration :

Bedeutung: Textgestaltung
Zuweisung: underline, overline, line-through, blink
Beispiel: a:link {text-decoration: underline; }

font-variant :

Bedeutung: Schriftvariante
Zuweisung: normal, small-caps
Beispiel: p {font-variant: noraml; }

font-weight:

Bedeutung: Schriftgewicht
Zuweisung: normal,bold,bolder,lighter
Beispiel: a:hover {font-weight: bold; }

font-style :

Bedeutung: Schriftstil
Zuweisung: normal,oblique, italic
Beispiel: p {font-style: italic; }

border-top-width :

Bedeutung: Dicke der Rahmenlinie oben
Zuweisung: thin,medium,thick, oder num. Wert
Beispiel: p {border-top-width: medium; }

border-bottom-width :

Bedeutung: Dicke der Rahmenlinie unten
Zuweisung: thin,medium,thick, oder num. Wert
Beispiel: p {border-bottom-width: medium; }

border-left-width :

Bedeutung: Dicke der linken Rahmenlinie
Zuweisung: thin,medium,thick, oder num. Wert
Beispiel: p {border-left-width: medium; }

border-right-width :

Bedeutung: Dicke der rechten Rahmenlinie
Zuweisung: thin,medium,thick, oder num. Wert
Beispiel: p {border-right-width: medium; }

border-style :

Bedeutung: Rahmentyp
Zuweisung: none, dotted, dashed, solid, double, groove, ridge, inset, outset
Beispiel: p {border-style: dotted; }

border-color :

Bedeutung: Rahmenfarbe
Zuweisung: Farbnamen oder Hex Wert
Beispiel: p {border-color: red; }

width :

Bedeutung: Breitenangabe
Zuweisung: Auto, Prozent, num. Wert
Beispiel: div {width: 80%; }

height :

Bedeutung: Höhenangabe
Zuweisung: Auto, Prozent, num. Wert
Beispiel: div {height: 50%; }

 Druckansicht | Übersicht CSS | zurück