INHALT


ARTIKEL


TUTORIALS


WEBSTUFF


SCRIPTS


NETLIFE


COMMUNITY

HTML - Schattenwurf realisieren

Schattenwurf

In diesem Abschnitt wird eine Möglichkeit vorgestellt, die auf einem Microsoft Spezialfilter beruht. Die hier beschriebene Anwendung hat zur Folge, dass ein mit diesem Filter ausgestattetes Element mit einem Schatten versehen wird. Sinnvoll ist eine diesbezügliche Anwendung besonders im Zusammenhang mit Texten. Der zumindest im Internet Explorer erzeugte Schatten lässt sich durch geringfügige Modifikationen im Quelltext den jeweiligen Stil einer Webseite anpassen. So lässt sich die Farbe des Schattens ebenso wie dessen Richtung exakt bestimmen. Eine typische Anwendung beschreibt das folgende Beispiel:

Text mit Schattenwurf



<div style="width=100%;font-size=20pt;color=blue;#filter:Shadow(color=green,direction=255)">
Text mit Schattenwurf</div>


Über die Angabe "div" wird zunächst ein Bereich definiert, auf welchem der Filter verwendet werden soll. Mit der Anweisung "style="width=100%" wird dem Browser bekannt gegeben, dass sich die Breite des Bereiches über 100 Prozent des Anzeigefensters erstreckt, Die beiden Angaben "font-size=20pt" und "color=blue" beschreiben das Erscheinungsbild des Textes. Die Definition des Schattenwurfs wird durch die Anweisung "filter:Shadow" eingeleitet. Um die Schattenfarbe in diesem Beispiel grün zu halten, muss color=green notiert werden. Im nächsten Schritt muss festgelegt werden, in welcher Richtung der Schatten angezeigt werden soll. Hierfür stehen vorgeschriebene Werte zur Verfügung. Eingesetzt müssen diese immer nach dem Schlüsselwort "direction". Die folgenden Angaben sind hierbei möglich:

0 Schatten nach oben
45 Schatten nach rechts oben
90 Schatten nach rechts
135 Schatten nach rechts unten
180 Schatten nach unten
225 Schatten nach links unten
270 Schatten nach links
315 Schatten nach links oben

Es ist zwingend darauf zu achten dass nur die Vergabe eines hier aufgeführten nummerischen Wertes zu dem gewünschten Ergebnis führt. Obwohl der Schatten wurf bislang vom Internet Explorer dargestellt werden kann, spricht nichts gegen den Einsatz dieses Spezialfilters.

 

 


Impressum | Kontakt | Feedback