Cascade Style Sheet (CSS) oder auch Cascading Stylesheets genannt

Mit meinen Seiten möchte ich jeden der sich mit Cascade Style Sheets beschäftigten möchte eine Einführung geben und mit Beispielen belegen.

Hintergrund und Farbe

Befehl	Beschreibung
background	Hintergrund
background-attachment	Hintergrundgrafik feststellen oder rollbar machen
background-color	Hintergrundfarbe
background-image	Hintergrundbild
background-position	Position eines Hintergrundbildes
background-repeat	Wiederholung eines Hintergrundbildes
color	Farbe

Rahmen

Befehl	Beschreibung
border	Rahmen
border-bottom	Rahmen unten
border-bottom-color	Rahmenfarbe unten
border-bottom-style	Art des Rahmens
border-bottom-width	Rahmenbreite unten
border-color	Rahmenfarbe
border-left	Rahmen links
border-left-color	Rahmenfarbe links
border-left-style	Rahmenart links
border-left-width	Rahmenbreite links
border-right	Rahmen rechts
border-right-color	Rahmenfarbe rechts
border-right-style	Rahmenart rechts
border-right-width	Rahmenbreite rechts
border-style	Rahmenart
border-top	Rahmen oben
border-top-color	Rahmenfarbe oben
border-top-style	Rahmenart oben
border-top-width	Rahmenbreite oben
border-width	Rahmenbreite

Abstände

Befehl	Beschreibung
margin	Abstand
margin-bottom	Abstand nach unten
margin-left	Abstand nach links
margin-right	Abstand nach rechts
margin-top	Abstand nach oben
padding	Randabstand
padding-bottom	Abstand nach unten
padding-left	Abstand nach links
padding-right	Abstand nach rechts
padding-top	Abstand nach oben

Schriftfonts

Befehl	Beschreibung
font	Schrift
font-family	Schriftart
font-size	Schriftgröße
font-size-adjust	Schriftgröße anpassen noch nicht Verwendbar
font-stretch	Schriftbreite noch nicht Verwendbar
font-style	Schriftstil
font-variant	Buchstabenart
font-weight	Schriftdicke

Listen

Befehl	Beschreibung
list-style	Listenart
list-style-image	Bild als Listenzeichen
list-style-position	Position des Listenzeichens
list-style-type	Listentyp
marker-offset	Abstand zum Listensymbol

Druckausgabe

Befehl	Beschreibung
marks	Schnittmarkierungen
orphans	verhindert Seitenumbrüche im Fließtext
page	Seite einrichten
page-break-after, page-break-before	Seitenumbruch vor, nach Elementen
page-break-inside	Seitenumbruch innerhalb von Elementen
size	legt Seitengröße fest
widows	verhindert Seitenumbrüche im Fließtext

Eingebettete Inhalte und automatische Nummerierung

Befehl	Beschreibung
content	Inhalte erzeugen
counter-increment	Zähler inkrementieren
counter-reset	Zähler reset
marker-offset	Abstand zum Listensymbol
quotes	Anführungszeichen

Positionierung

Befehl	Beschreibung
bottom	Abstand nach unten
left	Abstand nach links
right	Abstand nach rechts
top	Abstand nach oben
direction	Textrichtung
display	Anzeige
float	Text umfließen
position	Art der Positionierung
unicode-bidi	Textrichtung
clear	Text umfließen beenden
height, width	Höhe, Breite
max-height, max-width	Max. Höhe, Breite
min-height, min-width	Min. Höhe, Breite
clip	Ausschnitt
overflow	Überlauf
visibility	Unsichtbar
z-index	Überlappung

Pseudoformate

Befehl	Beschreibung
:active, :link , :visited ,:hover; :focus	Erscheinen von Links
:first-line	Die erste Zeile in einem Absatz, Eigenschaften
:first-letter	Das erste Zeichen einer Zeile, Eigenschaften
:first-child	Das erste "Kind", Eigenschaften
:before	Inhalt einfügen
:after	Inhalt einfügen
:lang	Sprache, Eigenschaften

Sprachausgabe

Befehl	Beschreibung
azimuth	Räumlicher Effekt horizontal
cue	Klang vor und nach einem Element
cue-after, cue-before	Klang vor, nach einem Element
elevation	Räumlicher Effekt vertikal
pause	Pause vor und nach einem Element
pause-after, pause-before	Pause vor, nach einem Element
pitch	Stimmenlage
pitch-range	Stimmenumfang
play-during	Hintergrundsound
richness	Stimmengewalt
speak	Aussprache
speak-header	Aussprache von Tabellenköpfen
speak-numeral	Aussprache von Zahlen
speak-punctuation	code , none
speech-rate	Sprechgeschwindigkeit
stress	Sprechhast
voice-family	Stimmentyp
volume	Lautstärke

Tabellen

Befehl	Beschreibung
border-collapse	Rahmenmodell
border-spacing	Rahmenabstand
caption-side	Position der Überschrift
empty-cells	Behandlung von leeren Zellen
column-span, row-span	Spalten, Zeilen
table-layout	Tabellenstruktur

Textformation

Befehl	Beschreibung
text-shadow	Schatten
text-transform	Art der Buchstaben
text-decoration	Textverzierung
text-align	Textausrichtung
vertical-align	Vertikale Ausrichtung
white-space	Leerzeichen
word-spacing	Wortabstand
letter-spacing	Abstand zwischen Buchstaben
line-height	Zeilenhöhe
text-indent	Einrückung

Benutzeroberflächen

Befehl	Beschreibung
cursor	Mauszeiger
outline	outline
outline-color	Outlinefarbe
outline-style	Outlineart
outline-width	Outlinedicke

Home
Übersicht aller Befehle
Einführung
Schrift
Text
Positionierung
Rahmen
Hintergrund und Farbe
Außen- und Innenabstand
Listen
Tabellen
Benutzeroberflächen
Paged Media
Farbige Scrollbalken
Sprachausgabe
Pseudoformate
Eingebettete Inhalte
Autom. Nummerierung
Literatur und Quellen
Definition und Gültigkeit Sitemap-Beispiele

Links

Bitte linkt meine Seite!
Please Link to Me!

Impressum

29.01.2012 14:06:29