Textschatten
Internet Explorer 10 und Windows Store-Apps mit JavaScript unterstützen Schlagschatten für Text mit der CSS3-text-shadow-Eigenschaft (Cascading Style Sheets, Level 3).
text-shadow-Eigenschaft
Die text-shadow-Eigenschaft wendet einen Schlagschatteneffekt auf den angegebenen Text an und ist im Modul CSS-Textverzierung, Level 3 des World Wide Web Consortium (W3C) definiert. Falls Sie mit der Syntax für die box-shadow-Eigenschaft vertraut sind, kennen Sie die Syntax für text-shadow bereits; die beiden Eigenschaften sind fast identisch.
| Eigenschaft | Beschreibung |
|---|---|
|
Eine durch Komma getrennte Liste von Schatten, mit der dem angegebenen Text einer oder mehrere Schatten zugeordnet werden. Jeder Schatten besteht aus einer durch Leerzeichen getrennten Liste mit folgenden Elementen
|
Die Syntax für die text-shadow-Eigenschaft ist die gleiche wie für die box-shadow-Eigenschaft mit der Ausnahme, dass die text-shadow-Eigenschaft das inset-Schlüsselwort nicht unterstützt.
Das folgende Beispiel wendet einen dunkelgrauen Schatten mit einem geringen Weichzeichnerwert etwas rechts und unterhalb des angegebenen Textes an:
.myselector
{
...
text-shadow: 0.1em 0.1em 0.15em #333;
}
Folgendes geschieht, wenn die Auswahl auf einen kurzen Textblock angewendet wird:
Das W3C hat eine Seite mit text-shadow-Tipps und -Beispielen: CSS-Textschatten.
API-Referenz
Beispiele und Lernprogramme
- Beispiel für die CSS-Eigenschaft "text-shadow"
- So wird's gemacht: Hinzufügen spielerischer Texteffekte mithilfe von CSS
Demos für die Internet Explorer-Testversion
IEBlog-Beiträge
Spezifikation
- Modul CSS-Textverzierung, Level 3: Abschnitt 4
Verwandte Themen
- Hintergründe und Rahmen
- Beherrschen von CSS3: 7 tolle Beispiele für Textschatten, die Sie keineswegs verpassen sollten
- Beherrschen von CSS3: Textschatten
