HTML-Tutorial von Teach-Soft, Ulrich Hirschmann: info@teach-soft.com

CSS-Referenz

Dieses ist nur ein Auszug aus den möglichen CSS-Formatierungen.
Die vollständige Übersicht finden Sie bei msdn.microsoft.com
unter MSDN-Library, Eintrag Web Developement.

Erläuterung:
Die möglichen Parameter stehen in Klammern und sind durch | voneinander getrennt.
Beispiel: vertical-align:top; lässt den Text in einer Tabelle oben anfangen.

 

CSS-Formatierungen für MS-IE4.0 und höher
Schrift- und Texteinstellungen
font-family (Schriftart), font-style (normal | italic | oblique), font-variant (normal | small-caps), font-weight (Schriftdicke: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900), font-size Schriftgröße (xx-small | x-small | small | medium | large | x-large | xx-large |larger | smaller) Es kann aber auch eine Zahl oder eine Prozentangabe gemacht werden. @font-face Schrift in Dokument einbetten. Die Schriftdatei muss im OpenType Format (.eot, .ote) sein. Beispiel: @font-face {font-family:Tahoma; src:url(http://url/tahoma.eot);}, font Mehrere Schriftattribute können hier mit einem Befehl zusammengefasst werden. Z.B.: {font: 24 'Tahoma'}letter-spacing Buchstabenabstand, line-height Zeilenhöhe (Masseinheiten: cm, mm, in, pt, pc, px, em, ex, %), text-decoration (none | underline | overline | line-through | blink), text-transform Kapitälchen, Groß-, Kleinbuchstaben (capitalize | uppercase | lowercase | none), text-align (Textausrichtung: left | right | center | justify), text-indent Einzug, vertical-align Vertikale Textausrichtung (sub | super | top | middle |bottom)
Farb- und Hintergrundeigenschaften

color (Textfarbe: white, #ff0000) , background-color (Hintergrundfarbe: color | transparent), background-image (Hintergrundbild: url | none), background-repeat (Hintergrundbild wiederholen: repeat | repeat-x | repeat-y | no-repeat), background-attachment (Hintergrund fixiert: scroll | fixed), background-position (Hintergrund Position: x,y |top | center | bottom |left | right), background (Zusammenfassung der background-Einstellungen.)

Layouteinstellungen

margin-top, margin-right, margin-bottom, margin-left, margin (Randeinstellungen: Wert | Prozent | auto), padding-top, padding-right, padding-bottom, padding-left, padding (Freiraum um den Elementinhalt: Wert | Prozent), border-top-width, border-right-width, border-bottom-width, border-left-width, border-width (Rahmenbreite: thin | medium | thick | Wert), border-top-color, border-right-color, border-bottom-color, border-left-color, border-color (Rahmenfarbe), border-top-style, border-right-style, border-bottom-style, border-left-style, border-style (Rahmentyp: none | dotted | dashed | solid | double | groove | ridge | inset | outset ),  border-top, border-right, border-bottom, border-left, border (Rahmeneinstellungen Zusammenfassung.), float (Textfluß um Objekt: left | right | none), clear (Textfluß verboten an Seite: none | left | right | both)

Klassifikation

display (Rendereinstellung: none | block | inline | list-item), list-style-type (Listensymbol am Zeilenanfang: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none), list-style-image (Bild als Listensymbol: url | none), list-style-position (Listensymbol-Position: inside | outside), list-style (Listensymbol zusammenfassung. Beispiel:  UL {list-style: url(http://bild.gif) square} )

Positionierungseinstellungen

clip (Bild beschneiden: rect (top | right | bottom | left) | auto), width, top, height, left (Position und Größe des Elementes.), posHeight (Elementhöhe in CSS-Einheiten.), pixelHeight (Elementhöhe in Pixel.),  overflow (Verhalten bei Inhalt größer als Element: scroll | hidden | visible | auto), position (Positionierungsverhalten: absolute | relative | static=Standard), visibility (Element sichtbar: visible | hidden | inherit=vererbt),  z-index (Räumliche Anordnung:  Wert+,- | auto. Dabei gilt: je höher der Wert desto weiter vorne ist das Element.)

Druckeinstellungen

page-break-before, page-break-after (Neue Seite: auto | always | left | right) 

Pseudo-Klassen und anderes

active (Legt den Stil für aktiven Link fest.), hover (Legt den Stil für gerade überfahrenen Link fest.), @import url (URL);  (Style Sheet importieren), !important (Erhöht die Bedeutung eines Formates: h1 {color:blue!important}), cursor (Mauscursor festlegen: auto | crosshair | default | hand | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help), link (Legt den Stil für einen frischen Link fest.), visited (Legt den Stil für einen  besuchten Link fest.), filter (Filtereinstellungen)

Scrollbalken

Farbeinstellungen für Scrollbalken: (object.style.scrollbarArrowColor)
scrollbar-face-color: #farbe, scrollbar-shadow-color: #farbe, scrollbar-highlight-color: #farbe, scrollbar-3dlight-color: #farbe, scrollbar-darkshadow-color: #farbe, scrollbar-track-color: #farbe, scrollbar-arrow-color: #farbe