[Cascading Style Sheets]
[Vorherige Seite] [Naechste Seite] [Inhalt dieses Abschnitts] [Home Page]
Filter: Eigenschaften und Werte

Unten finden Sie eine Tabelle der Style-Eigenschaften und -Werte für Filterungen. (Ich habe hier nur Eigenschaften und Werte aufgenommen, die im Moment von Internet Explorer und Netscape erkannt werden -- weitere werde ich hinzufügen, sobald sie unterstützt werden)

(Beachten Sie, daß die Filterung, wie sie in IE 4.0 implementiert ist, scheinbar nur funktioniert, wenn Sie die Filtereigenschaften in einer Klasse angeben [z.B. .dropshadow] und darauf mit einem TD, DIV oder SPAN Tag mit dem passenden Attribut 'class' zugreifen. Bei manchen Filten müssen Sie auch Eigenschafen für Positionierung, Höhe und Breite angeben, um sie zum Arbeiten zu bewegen.)

Häufig benutzte Eigenschaften und Werte für Cascading Style Sheets

Legende der Tabelle
IE3 Unterstützt von Internet Explorer 3.x
IE4 Unterstützt von Internet Explorer 4.x
N4 Unterstützt von Netscape 4.x
pt = points (Punkte)
in = inches (Zoll)
cm = centimeters (Zentimeter)
px = pixels (Pixel)
em = Höhe der Schriftart des jeweiligen Elements
(die Einheit em wird noch nicht häufig unterstützt und sollte sehr vorsichtig eingesetzt werden)
  Eigenschaft Beschreibung Werte Beispiel
Filtering Properties
IE4
filter (visuelles Filtern) (wird nicht vererbt) wendet verschiedene visuelle Filter für spezielle Effekte an Generelle Form: { filter: filtername(parameter1, parameter2...) { filter: dropshadow (color=#9999FF, offx=3pt, offy=5pt) }
IE4
Alpha Legt eine gleichmäßige Transparenz fest. filter: alpha(Opacity=, FinishOpacity=, Style= StartX=, StartY=, FinishX=, FinishY=) filter: alpha(Opacity=75, FinishOpacity=15, Style=1)
IE4
Blur Erweckt den Anschein, sich schnell zu bewegen (Bewegungsunschärfe). filter: blur(Add=, Direction=, Strength=) filter: blur(Add=1, Direction=90, Strength=10)
IE4
Chroma Macht eine bestimmte Farbe transparent. filter: chroma(Color=) filter: chroma(Color=#ffff00)
IE4
DropShadow Erstellt einen Umriss des Objekts. filter: DropShadow(Color=, OffX=, OffY=, Positive=) filter: DropShadow(Color=#003399, OffX=3, OffY=3, Positive=1)
IE4
FlipH Erstellt ein horizontal gespiegeltes Bild. filter: fliph filter: fliph
IE4
FlipV Erstellt ein vertikal gespiegeltes Bild. filter: flipv filter: flipv
IE4
Glow Fügt einen Strahlenkranz um die Umrisse eines Objekts. filter: glow(Color=, Strength=) filter: glow(Color=#00FF00, Strength=30)
IE4
Grayscale Entfernt die Frabinformation aus einem Bild. filter: gray filter: gray
IE4
Invert Invertiert, d.h. dreht die Werte für Farbe, Sättigung und Helligkeit um. filter: invert filter: invert
IE4
Light Projiziert eine Lichtquelle auf ei Objekt. filter: light filter: light
IE4
Mask Erstellt aus einem Objekt eine transparente Maske. filter: mask(Color=) filter: mask (Color=#009933)
IE4
Shadow Erstellt eine versetzte ausgefüllte Silhouette. filter: shadow(Color=, Direction=) filter: shadow(Color=#9900FF, Direction=135)
IE4
Wave Erstellt eine sinusförmige Verformung der X-Achse entlang. filter: wave(Add=, Freq=, Phase=, LightStrength=, Strength=) filter: wave(Add=1, Freq=10, Phase=90, LightStrength=10, Strength=10)
IE4
XRay Zeigt nur die Ränder des Objekts an. filter: xray filter: xray
IE4
filter (Durchlässigkeits-Filter) (wird nicht vererbt) erlaubt es, sichtbare Elemente aufzudecken oder zu verstecken, wobei vordefinierte Muster verwendet werden Generelle Form: { filter: revealtrans (duration=duration, transitionshape=transitionshape)}
(Die Dauer (duration) wird angegeben in Sekunden.Millisekunden)
(Die Form der Maske (transition shape) ist definiert durch einen Wert von 1-23, wie folgt:)
MaskentypWert
Box in 0
Box out 1
Circle in 2
Circle out 3
Wipe up 4
Wipe down 5
Wipe right 6
Wipe left 7
Vertical blinds 8
Horizontal blinds 9
Checkerboard across 10
Checkerboard down 11
Random dissolve 12
Split vertical in 13
Split vertical out 14
Split horizontal in 15
Split horizontal out 16
Strips left down 17
Strips left up 18
Strips right down 19
Strips right up 20
Random bars horizontal 21
Random bars vertical 22
Random 23
{ filter: revealtrans (duration=2.0, transition=10 }
  Ich habe die Maskenypen nicht übersetzt, da ich mir nicht unter allen etwas vorstellen kann  
IE4
filter (Überblendungs-Filter) (wird nicht vererbt) lässt ein sichtbares Element ein- oder ausblenden Generelle Form: { filter: blendTrans (Duration=duration}
(Die Dauer (duration) wird angegeben in Sekunden.Millisekunden)
{ filter: blendTrans (duration=2.0, transition=10 }
[Vorherige Seite] [Naechste Seite] [Inhalt dieses Abschnitts] [Home Page]

Bernhard Friedrich

doozer@hsguide.com