Webdesign mit CSS, HTML und Javascript
Stil mit {stil}
Fotokurse und Schulungen»Digitale Fotografie - Bildgestaltung« Noch nie war es so einfach, Fotografieren zu lernen |
Fotografie von ihrer besten Seite: Aktuelle Kameras, Bildbearbeitung und Fototipps auf foto.5lux.de |
Tabelle der CSS-Eigenschaften
Die einzelnen Browserversionen sind nicht getrennt vermerkt – wenn ausgewiesen ist, dass Internet Explorer X oder Firefox Y eine Eigenschaft unterstützen, dann unterstützen die nachfolgenden Version diese Eigenschaft ebenfalls, sofern nicht im Feld „Bemerkungen“ ist die Abweichung beschrieben.
Die verschiendenen Varianten von Mozilla – von Camino über Firefox bis zu Netscape – sind nicht gesondert beschrieben.
Internet Explorer ist ab Version 4, Opera ab Version 5 und Safari ab Version 1 dabei. Ältere Versionen zu untersuchen wäre eher eine archäologische Ausgrabung als eine sinnvolle Verlängerung der Tabelle.
Die Eigenschaften sind in Gruppen eingeteilt:
- background und color – Stile für die Vorder- und Hintergrundfarben und -bilder
- border – Stile für die Gestaltung eines Rahmens um ein Element
- dimension – Stile für die Abmessungen und Ausrichtung von Elementen
- font – Stile für die Schriftgestaltung
- margin – Stile für den Abstand eines Elements gegen umgebende Elemente
- padding – Stile für den inneren Abstand zum Element
- generated content – Stile für automatisch generierten Inhalt
- lists – Stile für ungeordnete und geordnete Listen
- visual formatting – Stile für die Positionierung
- visual effects – Stile für die Kontrolle übergroßer Inhalte
- table – Stile für die Gestaltung von Tabellen
- text – Stile für die Absatzgestaltung
- user interface – Stile für die Gestaltung der Benutzeroberfläche durch Rahmen und Mauszeiger
- Pseudoklassen und Pseudoelemente – Stile für die Gestaltung von Pseudolinks und Pseudoelementen
- paged media – Stile für den Druck
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf | IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | background | fasst alle CSS-Eigenschaften des Hintergrundes zusammen. | background-color &| background-image &| background-repeat &| background-attachment &| background-position | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css1 | background-attachment | entscheidet, ob der Hintergrund fest ist oder scrollt. | scroll | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| fixed | ||||||||||
| css1 | background-color | Hintergrundfarbe eines Elementes | transparent | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| color | ||||||||||
| css1 | background-image | Bild als Hintergrund eines Elements | uri | none | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css1 | background-position | anfängliche Position des Hintergrundbildes | [ percentage | length ] {1,2} | | nein | Alle Blocklevel- und ersetzten Elemente | IE4 | M1 | O5 | Sa1 | |
| [ [ top | center | bottom ] &| | ||||||||||
| [ left | center | right ] ] | ||||||||||
| css1 | background-repeat | wiederholt das Hintergrundbild entlang der vertikalen / horizontalen Achse. | repeat | | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| repeat-x | | ||||||||||
| repeat-y | | ||||||||||
| no-repeat | ||||||||||
| css1 | color | Farbe des Vordergrundes | color | ja | Alle Elemente | IE4 | M1 | O5 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | border | fasst alle individuellen CSS-Eigenschaften des Rahmens zusammen. | border-width &| border-style &| border | Nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css1 | border-color | Farbe des Rahmens an allen vier Seiten. | color {1,4} | | Nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| transparent | ||||||||||
| css2 | border-top-color border-right-color border-bottom-color border-left-color |
Farbe des oberen Rahmen, Farbe des rechten Rahmens Farbe des unteren Rahmens, Farbe des linken Rahmens. |
color | | Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| transparent | | ||||||||||
| css1 | border-style | Stil aller vier Rahmenseiten | none | Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| hidden | ||||||||||
| dotted | ||||||||||
| dashed | ||||||||||
| solid | ||||||||||
| double | ||||||||||
| groove | ||||||||||
| ridge | ||||||||||
| inset | ||||||||||
| outset | ||||||||||
| css2 | border-top-style border-right-style border-bottom-style border-left-style |
Obere Rahmenlinie, rechte Rahmenlinie, untere Rahmenlinie und linke Rahmenlinie |
none | Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| hidden | ||||||||||
| dotted | ||||||||||
| dashed | ||||||||||
| solid | ||||||||||
| double | ||||||||||
| groove | ||||||||||
| ridge | ||||||||||
| inset | ||||||||||
| outset | ||||||||||
| css1 | border-width | Breite aller vier Rahmenseiten | thin | Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| medium | ||||||||||
| thick | ||||||||||
| length | ||||||||||
| css1 | border-top-width border-right-width border-bottom-width border-left-width |
Breite des oberen Rahmens, Breite des rechten Rahmens, Breite des unteren Rahmens, Breite des linken Rahmens. |
thin | Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| medium | ||||||||||
| thick | ||||||||||
| length | ||||||||||
| css1 | border-top border-right border-bottom border-left |
Abkürzung für border-top-width, border-style und color Abkürzung für border-right-width, border-style und color Abkürzung für border-bottom-width, border-style und color Abkürzung für border-left-width, border-style und color |
border-top-width border-style color |
Nein | Alle Elemente | IE4 | M1 | O5 | Sa1 |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css2 | content | fügt automatisch generierte Inhalte (z.B. Zeichenketten, Hochkommas, Zähler) vor oder hinter dem angegebenen CSS-Selektor automatisch ein. | attr(x) | nein | X | FF2 | O5 | S1.2 | Safari 1/2/3 und Firefox 2 erkennen zwar attr(x) , nicht aber, wenn die Eigenschaft auf ein img- oder input-Element angewendet wird (wie im Beispiel des W3C). Safari 1.2 erkennt zwar quotes, stellt die Eigenschaft aber nicht korrekt dar. Firefox 2.0.0.11 scheint mit quotes ebenfalls nicht klar zu kommen. |
|
| counter(name) | X | FF2 | O5 | X | ||||||
| counter(name, list-style-type) | X | FF2 | O5 | X | ||||||
| counters(name, string) | X | FF2 | O5 | X | ||||||
| counters(name, string, list-style-type) | X | FF2 | O5 | X | ||||||
| no-close-quote | X | FF2 | O5 | X | ||||||
| no-open-quote | X | FF2 | O5 | X | ||||||
| close-quote | X | FF2 | O5 | X | ||||||
| open-quote | X | FF2 | O5 | X | ||||||
| string | X | FF2 | O5 | S1.2 | ||||||
| uri("urladdress") | X | FF2 | O5 | X | ||||||
| css2 | counter-increment | generiert Zähler, die z.B. vor die automatisch generierten Zähler in geordneten Listen gesetzt werden können (1.1, 1.2, ... 2.1, 2.2. usw.) | none | nein | X | FF2 | O5 | Sa3 | ||
| normal | ||||||||||
| [ identifier number? ]+ | X | FF2 | O5 | S3 | ||||||
| css2 | counter-reset | setzt automatisch generierte Zähler auf einen Anfangswert zurück | none | nein | X | FF2 | O5 | Sa3 | ||
| [ identifier number? ]+ | X | FF2 | O5 | Sa3 | ||||||
| css2 | quotes | ist eine Liste von einem oder mehreren Typen von öffnenden und schließenden Anführungszeichen, z.B. für unterschiedliche Sprachen oder generierte Inhalte | none | [ string string? ]+ | ja | X | X | O9 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | height | bestimmt die Höhe eines Blockelements | length | percentage | auto | nein | Alle Blockelemente | IE4 | M1 | O5 | Sa | |
| css1 | width | gibt die Breite eines Elements an. | length | percentage | auto | nein | IE4 | M1 | O5 | Sa | ||
| css1 | line-height | beschreibt den Abstand zwischen aufeinander folgenden Zeilen. | normal | number | length | percentage | ja | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css2 | max-height | bestimmt die maximale Höhe eines Elements. | none | length | percentage | nein | IE7 | X | O5 | Sa2 | ||
| css2 | max-width | gibt die maximale Breite eines Elements an. | none | length | percentage | nein | IE7 | X | O5 | Sa | ||
| css2 | min-height | gibt die minimale Höhe eines Elements an. | length | percentage | nein | IE7 | X | O5 | Sa2 | ||
| css2 | min-width | gibt die minimale Breite eines Elements an. | length | percentage | nein | IE7 | X | O5 | Sa | ||
| css1/ css2 | vertical-align | richtet Buchstaben, Wörter, Bilder und Texte an einer Grundlinie aus, die anhand eines Buchstabens, eines Wortes oder Textes bestimmt wird. | baseline | nein | Blockelemente | IE4 | M1 | O5 | Sa1 | |
| sub | IE5 | M1 | O5 | Sa1 | ||||||
| super | IE5 | M1 | O5 | Sa1 | ||||||
| top | IE5 | M1 | O5 | Sa1 | ||||||
| text-top | IE5 | M1 | O5 | Sa1 | ||||||
| middle | IE5 | M1 | O5 | Sa1 | ||||||
| bottom | IE5 | M1 | O5 | Sa1 | ||||||
| text-bottom | IE5 | M1 | O5 | Sa1 | ||||||
| percentage | IE5 | M1 | O5 | Sa1 | ||||||
| length | IE5 | M1 | O5 | Sa1 |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1/ css2 | font | bestimmt in einer Deklaration alle sechs Eigenschaften der zu verwendenden Schrift. Zusätzlich kann font seit CSS2 sechs Werte der Systemschrift steuern. | [ [ font-style &| font-variant &| font-weight ]? font-size [ / line-height ]? font-family ] | caption | icon | menu | message-box | small-caption | status-bar | inherit | ja | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css1 | font-family | wählt eine spezielle Schrift oder eine generische Schriftfamilie. | [ [ family-name | generic-family], ]* [family-name | generic-family] | inherit | ja | Alle Elemente | IE4 | M1 | O5 | Sa | Über die voreingestellte font-family entscheiden der User-Agent und die verwendete Sprache des Dokuments und die Textrichtung (direction) |
| css1 | font-size | steuert die Größe der Schrift mit Werten, die in einer von vier Kategorien angegeben werden | absolute-size | ja | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| relative-size | ||||||||||
| length | ||||||||||
| percentage | ||||||||||
| css2 | |
|||||||||
| css1 | font-style | stellt die Schrift normal, kursiv und schräg gestellt dar. | normal | italic | oblique | ja | Alle Elemente | IE4 | M1 | O5 | Sa1 | |
| css1 | font-variant | stellt die Schrift in Kapitälchen dar. | normal | ja | Alle Elemente | IE4 | M1 | Op9 | Sa3 | Konqueror setzt Versalien (Großbuchstaben) anstelle von Kapitälchen |
| small-caps | IE4 | M1 | Op9 | Sa3 | ||||||
| css1 | font-weight | stellt die Schrift fett oder in verschiedenen Abstufungen von fett dar. | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | ja | Alle Elemente | IE4 | M1 | O5 | Sa1 | Die Werte bolder | lighter | 100 | ... | 900 können nur bei Schriftfamilien angewendet werden, die über die entsprechenden Schnitte verfügen |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | list-style-image | ist die Adresse eines Bildes, das als Aufzählungssymbol in einer Liste benutzt wird. | url ("urladdress") | none | ja | Nur auf Listenelemete | IE4 | M1 | O5 | Sa | |
| css1 | list-style-position | legt fest, ob die Listenabsätze eingezogen werden oder nicht. | inside | outside | ja | Nur auf Listenelemete | IE4 | M1 | O5 | Sa1 | |
| css1/ css2 | list-style-type | bestimmt das Aufzählungssymbol in einer Liste. Dabei stehen drei Arten von Symbolen zur Verfügung: alphabetisch, Glyphen und numerisch. | disc | ja | Nur auf Listenelemete | IE4 | M1 | O5 | Sa | |
| circle | M1 | O5 | Sa | |||||||
| square | M1 | O5 | Sa | |||||||
| decimal | M1 | O5 | Sa | |||||||
| lower-roman | M1 | O5 | Sa | |||||||
| upper-roman | M1 | O5 | Sa | |||||||
| lower-alpha | M1 | O5 | Sa | |||||||
| upper-alpha | M1 | O5 | Sa | |||||||
| none | M1 | O5 | Sa | |||||||
| armenian | cjk-ideographic | georgian | ||||||||||
| lower-greek | M1 | Sa | ||||||||
| hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | M1 | |||||||||
| lower-latin | M1 | Sa | ||||||||
| upper-latin | M1 | Sa | ||||||||
| css1 | list-style | kombiniert drei Eigenschaften in einer Deklaration: list-style-image und/oder list-style-position und/oder list-style-type | list-style-image &| list-style-position &| list-style-type | ja | Nur auf Listenelemete | IE4 | M1 | O5 | Sa | |
| css2 | marker-offset | gibt den horizontalen Abstand (hier als offset oder dt. Einzug bezeichnet) zwischen der Symbolbox und der Aufzählungsbox an | auto | length | nein | Nur auf Listenelemete | X | X | X | X |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | margin | fasst alle individuellen Stylesheet-Eigenschaften für margin-top, margin-right, margin-bottom und/oder margin-left zusammen. | wer [ length | percentage | auto ] {1,4} | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| css1 | margin-top margin-right margin-bottom margin-left |
margin-top legt die Größe des oberen Einzugs fest, margin-right die Größe des rechten Einzugs, margin-bottom die Größe des unteren Einzugs, margin-left die Größe des linken Einzugs. |
length | percentage | auto | nein | Alle Elemente | IE4 | M1 | O5 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | padding | [ length | percentage ]{1,4} | nein | Alle Elemente | IE4 | M1 | O5 | Sa | ||
| css1 | padding-top padding-right padding-bottom padding-left |
length | percentage | nein | Alle Elemente | IE4 | M1 | O5 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css1 | float | float versetzt ein Element an den linken oder rechten Rand des umfassenden Containers. | left | nein | Alle Elemente außer positionierten und generierten | IE4 | M1 | O5 | Sa | |
| right | ||||||||||
| none | ||||||||||
| css1 | clear | Beendet das Schweben eines Blocks und zwingt das Element wieder an den linken / rechten Rand. | none | nein | Alle Blockelemente | IE4 | M1 | O5 | Sa | |
| left | ||||||||||
| right | ||||||||||
| both | ||||||||||
| css2 | position | absolute | nein | IE4 | M1 | O5 | Sa1 | |||
| fixed | IE7 | M1 | O5 | Sa | IE unterstützt fixed erst ab Version 7 | |||||
| relative | IE4 | M1 | O5 | Sa | ||||||
| static | IE4 | M1 | O5 | Sa1 | ||||||
| css2 | top right bottom left |
auto | length | percentage | nein | Alle positionierten Elemente | IE4 | M1 | O5 | Sa | ||
| css2 | display | block (CSS 1) stellt ein Element als Blockelement oder -box dar, das einen Zeilenumbruch vor und nach dem Element beinhaltet. | block | nein | Alle Elemente | IE4 | M1 | O5 | Sa | |
| inline (CSS 1) ist die Vorgabe und stellt ein Element als Inline-Element oder -box dar. Inline-Elemente führen nicht zu einem Zeilenumbruch vor und nach dem Element. | inline | IE5 | M1 | O5 | Sa | |||||
| inline-block (CSS2.1) erzeugt eine Blockbox, die innerhalb einer Inlinebox „fließt“. | inline-block | |||||||||
| inline-table (CSS2) stellt eine Tabelle als Inline-Element oder -box dar, das nicht zu einem Zeilenumbruch vor und nach der Tabelle führt. | inline-table | X | X | O5 | X | |||||
| list-item (CSS 1) stellt das Element als Liste dar | list-item | IE6 | M1 | O5 | Sa | |||||
| marker (CSS2) weist dem Inhalt vor oder nach einem Box-Element einen Marker zu. | marker | X | X | X | X | |||||
| none (CSS 1) unterdrückt die Darstellung von Elementen. | none | IE4 | M1 | O5 | Sa | |||||
| run-in | O5 | IE5 beherrscht run-in nur mangelhaft | ||||||||
| table | O5 | Sa | IE5 beherrscht run-in nicht fehlerfrei | |||||||
| table-caption | ||||||||||
| table-cell | ||||||||||
| table-column | ||||||||||
| table-column-group | ||||||||||
| table-footer-group | ||||||||||
| table-header-group | ||||||||||
| table-row | ||||||||||
| table-row-group | ||||||||||
| css2 | z-index | auto | number | nein | positionierte Elemente | IE4 | M1 | O5 | Sa1 |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css2 | clip | auto | rect (top, right, bottom, left) | nein | IE4 | M1 | O7 | X | Alle Browser können clip nur auf positionierten Elementen darstellen. In Opera 6 (Mac) funktioniert clip nicht. |
||
| css2 | overflow | auto | nein | IE4 | M1 | O5 | Sa | |||
| hidden | IE4 | M1 | O5 | Sa1 | ||||||
| scroll | IE4 | M1 | O7 | Sa1 | ||||||
| visible | ||||||||||
| css2 | visibility | collapse | ja | Alle Elemente | X | FF2 | O9 | Sa3 | visibility: collapse; wird nur von Firefox 2 ausreichend unterstützt. Opera 9 und Safari 3 unterstützen collapse nur auf Tabellenzeilen, nicht aber aber Tabellenspalten. | |
| hidden | Ie4 | M1 | O5 | Sa1 | ||||||
| visible | IE4 | M1 | O5 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css2 | border-collapse | stellt die Rahmen benachbarter Tabellenzellen auf einem Raum dar, so dass Rahmen um Tabellenzellen nicht mehr "doppelt" erscheinen | collapse | ja | Tabellen und Inline-Tabellen | IE5 | M1 | O56 | S1 | |
| ist die Voreinstellung und zeigt den Rahmen benachbarter Zellen separat an | separate | IE5 | M1 | Op6 | Sa1 | |||||
| css2 | border-spacing | setzt einen Raum zwischen benachbarte Tabellenzellen, ähnlich wie das Attribut cell-spacing im table-Element | length length | ja | Tabellen und Inline-Tabellen | IE5 | M1 | O5 | Sa1 | |
| css2 | caption-side | bestimmt die Position einer Tabellenbeschriftung im caption-Element | bottom | ja | caption-Tag für Tabellen | IE5 | M1 | Op9 | S1 | |
| | |
||||||||||
| top | ||||||||||
| css2 | empty-cells | unterdrückt die Darstellung leerer Zellen, wenn die Tabelle mit der Eigenschaft border-collapse: separate belegt ist | hide | ja | Tabellenzellen | IE7 | M1 | O5 | ||
| show | IE7 | |||||||||
| css2 | table-layout | gibt der deklarierten Breite einer Tabelle Vorrang vor den Inhalten, so dass breite Inhalte die Tabelle nicht länger dehnen und vergrößern | auto | nein | Tabellen und Inline-Tabellen | IE6 | M1 | O5 | Sa | |
| fixed | IE6 | M1.7 | O7 | Sa | ||||||
| css2 | border-collapse | stellt die Rahmen benachbarter Tabellenzellen auf einem Raum dar, so dass Rahmen um Tabellenzellen nicht mehr "doppelt" erscheinen | collapse | ja | Tabellen und Inline-Tabellen | IE5 | M1 | O56 | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css2 | direction | direction steuert die Richtung des Textflusses (von links nach rechts oder von rechts nach links) | ltr | rtl | ja | IE5 | M1 | X | |||
| css2 | letter-spacing | normal | length | inherit | ja | Alle Elemente | IE4 | M1 | Sa | Bei letter-spacing vergißt Opera, den Raum zwischen aufeinander folgenden Wörtern zu vergrößern. | ||
| css1 | text-align | left | right | center | justify |
ja | Blockelemente | IE4 | M1 | O5 | Sa | ||
| css1 | text-decoration | none | [ underline &| overline &| line-through &| |
nein | IE4 | M1 | O5 | Sa | Der Wert "blink" ist in CSS 2.1 nicht mehr enthalten | ||
| css1 | text-indent | length | percentage | inherit |
ja | Blockelemente | IE4 | M1 | O5 | Sa | Anfangswert: 0 | |
| |
||||||||||
| css1 | text-transform | steuert die Groß- und Kleinschreibung eines gewählten Textes. | capitalize |
ja | Alle Elemente | IE4 | M1 | X | Sa | |
| uppercase | ||||||||||
| lowercase | ||||||||||
| none | ||||||||||
| css2 | unicode-bidi | steuert die Richtung des Textes und wird zusammen mit der direction-Eigenschaft benutzt. | bidi-override | embed | normal |
nein | IE5 | M1 | X | |||
| css1 | white-space | steuert den Weißraum innerhalb eines Elements. | normal |
ja | Blockelemente | IE5.5 | M1 | O5 | Sa | |
| behandelt Weißraum wie das HTML-Element <pre> | pre | |||||||||
| pre-wrap | ||||||||||
| pre-line | ||||||||||
| nowrap | M1 | O5 | Sa | |||||||
| css1 | word-spacing | dehnt oder staucht den Weißraum zwischen aufeinander folgenden Wörtern. | normal | length |
ja | Alle Elemente | IE6 | M1 | O5 | Sa | |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| cursor | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize; w-resize; text; wait; help | <uri> | progress | ja | Alle Elemente | IE4 | M1 | Sa | ||||
| css2 | outline-color | color invert |
nein | Alle Elemente | X | FF2 | X | Sa | Zwar unterstützen die beiden Mac-Browser IE5 und Safari outline, aber in beiden sieht es etwas unterschiedlich aus. Wer hat recht? Eine Recherche für lange Winterabende. |
|
| css2 | outline-style | <border-style> | nein | Alle Elemente | X | FF2 | X | Sa | ||
| css2 | outline-width | <border-width> | nein | Alle Elemente | X | FF2 | X | Sa | ||
| css2 | outline | outline-color outline-style outline-width |
nein | Alle Elemente | X | FF2 | X | Sa |
| Vers. | Gruppen | Beschreibung | Werte | erbl. | anwendbar auf |
IE Win | Firefox | Opera | Safari | Bemerkungen |
|---|---|---|---|---|---|---|---|---|---|---|
| css2 | marks |
|||||||||
| css2 | page-break-before page-break-after |
auto | always | avoid | left | right | ja | IE5 | M1 | O5 | X | |||
| css2 | page-break-inside | auto | avoid | ja | X | X | X | X | |||
| css2 | |
|||||||||
| css2 | orphans widows |
integer | ja | X | X | O5 | X | |||
| css2 | :left :right :first |
fist | left | right | ja | X | X | O5 | X | |||
Webseiten mit CSS gestalten
Element-, Klassen- und ID-Selektoren
background & color Farben
font Schriftgestaltung auf Webseiten
text-align • Ausrichten von Texten
- letter-spacing • Raum zwischen Zeichen
- text-decoration • Text unterstreichen
- text-indent • Text einrücken
- text-transform • Großschreibung / Versalien
- white-space • Zeilenumbruch in Texten
- word-spacing • Raum zwischen Wörtern
- vertical-align • Hochstellen / Tiefstellen
- direction | unicode-bidi • Laufrichtung von Texten
width height
margin • äußerer Abstand
list-style Listen und Aufzählungen
position Positionierung
table Tabellen
user interface Mauszeiger / cursor
visibility Sichtbarkeit
generated content • Autom. generierte Zähler
Kurzreferenz CSS 2.1-Eigenschaften
Fotokurse und Schulungen
