CSS3 text-shadow Eigenschaft
Beispiele
Grundlegende Textschatten (text-shadow):
h1
{
text-shadow: 2px 2px # ff0000;
}
{
text-shadow: 2px 2px # ff0000;
}
Versuchen »
Im unteren Bereich dieser Seite finden Sie weitere Beispiele.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
Attributdefinitionen und Anweisungen
text-shadow Eigenschaft gilt Schatten Text.
Standard: | keiner |
---|---|
Vererbung: | ja |
Version: | CSS3 |
JavaScript-Syntax: | Objekt .style.textShadow = "2px 2px # ff0000" |
Grammatik
text-shadow:h-shadow v-shadow blur color;
Hinweis: text-shadow - Eigenschaft auf eine oder mehrere der Schatten Text verbunden ist.Das Eigentum ist Schatten, bezeichnet alle zwei oder drei Längenwerte und eine optionale Farbwerte durch Komma getrennt. Verbrachte eine Länge von 0.
Wert | Beschreibung |
---|---|
h-Schatten | Erforderlich. Position des horizontalen Schatten. Lassen negativ. |
v-Schatten | Erforderlich. Die vertikale Position des Schattens. Lassen negativ. |
verwischen | Optional. Fuzzy Abstand. |
Farbe | Optional. Schattenfarbe. Siehe CSS - Farbwerte . |

Weitere Beispiele
Text Schatten Unschärfe
Dieses Beispiel zeigt einen Text Schatten verschwimmen.
Weißer Text auf einem Text Schatten
Dieses Beispiel zeigt einen weißen Text Text Schatten.
Neon leuchten Textschatten
Dieses Beispiel zeigt die Verwendung von Textschatten Neonlicht.
In Verbindung stehende Artikel
CSS3 Tutorial: CSS3 den Texteffekte