Beispiel einer
Seitensegmentierung in einer Box
| #Kasten { Seitenumbruch innerhalb: vermeiden; } |
Beschreibung
Diese Eigenschaft legt fest, ob Paging innerhalb eines angegebenen Elements erfolgt.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
N.
Beispiel für
eine Outline-Eigenschaft
| #Kasten { Umriss: durchgehend 1 Pixel rot; } |
Beschreibung
Outline ist eine Abkürzung für Outline-Style, Outline-Width und Outline-Color. Dieses Attribut ist besser als das Randattribut, da es den Dokumentfluss nicht beeinflusst und daher für die Fehlerbehebung bei Layoutproblemen nützlicher ist.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
O.
Beispiele
für alternative Werte für das Anzeigeattribut
| #Kasten { Anzeige: Inline-Block; } |
Beschreibung
Das Anzeigeattribut ist normalerweise auf „Block“, „Inline“ oder „Keine“ eingestellt. Zu den alternativen Werten gehören:
| Inline-Block Inline-Tabelle Listenelement Einlauf Tisch Tabellenüberschrift Tischzelle Tabellenspalte Tabellenspaltengruppe Tabellenfußgruppe Tabellenkopfgruppe Tabellenzeile Tabellenzeilengruppe |
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
Beispiel
für den Umgang mit zusammenklappbaren Leerzeichen
| P { Leerraum: Vorzeile; } div { Leerraum: vor dem Umbruch; } |
Die
Vorzeilenwerteinstellung des Whitespace-Attributs fasst mehrere Whitespace-Elemente zu einem einzigen Whitespace zusammen und ermöglicht gleichzeitig explizite Zeilenumbrüche. Der Pre-Wrap-Wert des Whitespace-Attributs fasst nicht mehrere Whitespaces zu einem zusammen, ermöglicht aber die explizite Festlegung von Zeilenumbrüchen.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
4. Verschiedene andere Technologien
A.Beispiele
für Medientypenvon @import
| @import url("styles.css") screen; |
Beschreibung:
Wie im obigen Beispiel wird der Medientyp der importierten Stylesheet-Datei nach der Dateiadresse deklariert. In diesem Beispiel ist der Medientyp „Bildschirm“.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
FehlerObwohl
IE6 und IE7 @import unterstützen, haben sie keine Auswirkung, wenn der Medientyp angegeben wird, und führen sogar dazu, dass die normale @import-Regel ungültig wird.
B.
Beispiel
für die Erhöhung der Anzahl
| h2 { Counter-Inkrement: Header; } h2:before { Inhalt: counter(headers) ". "; } |
Beschreibung
Mit dieser CSS-Technik können Sie die Zahl, die vor einem angegebenen Element erscheint, in Verbindung mit dem Pseudoelement „before“ automatisch erhöhen.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
C.
Beispiele für
Referenzzeichen für generierte Inhalte
| Q { Zitate: "'" "'"; } q:vor { Inhalt: offenes Zitat; } q:nach { Inhalt: Schlusszitat; } |
Die Beschreibung
gibt das Zitationsrufzeichen an, das zum Generieren des Inhalts für die Verwendung mit q-Tags verwendet wird.
Supportstatus
| IE6 Nr IE7Nr IE8 Ja |
5. Wichtige Fehler und Inkompatibilitätsprobleme
Im Folgenden sind viele Fehler in IE6 und IE7 aufgeführt, die oben nicht erwähnt wurden. Einträge, die nicht in allen drei Browsern unterstützt werden, sind in dieser Liste natürlich nicht enthalten.
IE6-Fehler
A. Unterstützt das Formatieren des <abbr>-Elements nicht.
B. Unterstützt keine Klassen- und ID-Namen, die mit Bindestrichen und Unterstrichen beginnen.
C. Das <select>-Element erscheint immer oben im Stapel, unabhängig vom Z-Indexwert
D Wenn die Anker-Pseudoklassen nicht in der richtigen Reihenfolge verwendet werden (:link, :visited, :hover), hat die :hover-Pseudoklasse keine Auswirkung
. E. Eine !important-Deklaration eines Attributs wird durch eine ersetzt unbenutzte !important-Deklaration desselben Attributs in derselben Regel. Zwei Anweisungen abgedeckt.
F. Höhe verhält sich wie Mindesthöhe
G. Breite verhält sich wie Mindestbreite
H. Doppelter linker und rechter Rand
I. Gepunkteter Rand (gepunktet) sieht aus wie gepunkteter Rand (gestrichelt)
J. Durchgestrichener Wert der Textdekoration Der Text sieht aus etwas größer als bei anderen Browsern
. Wenn die geordnete Liste eine feste Struktur hat (haslayout ist wahr, die Höhe/Breite/Zoom von li kann nicht eingestellt werden, um haslayout-Werte zu aktivieren), sondern bleibt bei 1
L. Listenelemente unterstützen nicht alle verfügbaren Werte des Listenstiltyps
M. Wenn der Listeneintrag schwebt, wird das angegebene Listenstilbild nicht angezeigt.
N. @font-face wird nicht vollständig unterstützt.
O. Einige Selektoren stimmen nicht mit Kommentaren und Dokumentationsdeklarationen überein
. Wenn ein ID-Selektor in Kombination mit einem Klassenselektor nicht übereinstimmt, wird derselbe ID-Selektor in Kombination mit einem anderen Klassenselektor ebenfalls als Nichtübereinstimmung behandelt.
IE7-Fehler
A. Wenn die geordnete Liste eine feste Struktur hat (haslayout ist wahr, die Höhe/Breite/Zoom von li kann nicht eingestellt werden, um haslayout-Werte zu aktivieren), wird die Seriennummer nicht erhöht, sondern bleibt bei 1
B. Listenelemente sind nicht unterstützt Alle verfügbaren Werte des Listenstiltyps
C. Wenn das Listenelement schwebend ist, wird das angegebene Listenstilbild nicht angezeigt.
D. @font-face wird nicht vollständig unterstützt.
E. Einige Selektoren stimmen falsch überein Kommentare und Dokumente Haftungsausschluss
F. Einige hier nicht erwähnte IE-Fehler treten nur in bestimmten Umgebungen auf und sind keinen bestimmten CSS-Eigenschaften oder -Werten zugeordnet.