text-shadow
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die Eigenschaft text-shadow beschreibt die Schattierung von Text. Ein Schatten wird immer als leicht versetzte, hinter dem Text positionierte Kopie erzeugt. Mit diesem Effekt wird simuliert, dass auf den Text auftreffendes Licht einen Schatten auf den Hintergrund des Elements wirft. Mit text-shadow können sogar mehrere Schatten erzeugt werden und mehrere Lichtquellen vorgetäuscht werden.
Vererbt: nein
Wert
Die Syntax von text-shadow ist wie folgt aufgebaut:
text-shadow: [color] xOffset yOffset [blurRadius][, [color] xOffset yOffset [blurRadius] ...]
Schatten wird als mit Leerzeichen getrennte Wertsequenz definiert. Der dabei zuletzt angegebene Wert hat die höchste Priorität.
[color] steht für eine in CSS gültige Farbangabe für den Schatten. Wird keine Farbe definiert, wird die color-Eigenschaft des betreffenden Elements benutzt.
xOffset bzw. yOffset stehen für die horizontale bzw. vertikale Verschiebung des Schattens und werden definiert mit absoluten CSS-Maßangaben. Positive Werte verschieben den Schatten nach rechts unten, negative Werte nach links oben.
[blurRadius] steht für den Grad an Unschärfe, mit dem der Schatten dargestellt werden soll. Eine Definition erfolgt mit absoluten CSS-Maßangaben.
none führt dazu, dass kein Schatten angezeigt wird.
Standardwert: none
Kompatibilität
CSS-Version: 2
Wird von keinem aktuellen Browser unterstützt.
Beispiel
Folgende Stilregel stellt den Inhalt von Elementen der Klasse phantom als weißen Text auf weißem Hintergrund dar. Der Text erhält einen unscharfen, schwarzen Schatten, wodurch seine Umrisse erst sichtbar werden:
.phantom {
color: #fff;
background-color: #fff;
text-shadow: black 0.5em 0.5em 0.5em;
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg