English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-Die CSS-Schattenattribut applies einen oder mehrere Textschatten zu dem Textinhalt eines Elements. Jeder Textschatten muss einen Schattenverschiebewert angeben und kann optional eine Unschärferadius und Schattenfarbe angeben.
Die folgende Tabelle enthält die Verwendungshinweise und Versionshistorie dieses Attributes sowie die Syntax in JavaScript-Skripten.
| Standardwert: | none |
|---|---|
| Gilt für: | Alle Elemente. Es gilt auch für ::first-letter und ::first-line. |
| Vererbung: | ja |
| Animierbar: | ist.Bitte beziehen Sie sich auf Animationseigenschaften。 |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.textShadow="2px 2px #ff0000" |
Der Textschatteneffekt wird in der angegebenen Reihenfolge angewendet, daher können sie sich überschneiden, aber sie werden niemals den Text selbst überdecken.
Derunschärfebereich kann nach dem Schattenverschiebewert angegeben werden; es ist ein Längenwert, der die Größe des Unschärfeeffekts darstellt.
Die Farbwerte des Schattens können vor oder nach der Längenangabe des Verschiebewertes angegeben werden. Wenn keine Farbe für den Schatten angegeben wird, wird die CSS verwendet. colorWerte des Attributes.
Die Syntax dieses Attributes ist wie folgt：
text-shadow: shadow1 , shadow2, ... shadowN] | none | inherit wo der Schatten ist: [offset-x offset-y blur-radius color]
Die folgenden Beispiele zeigen, wie man text-shadow-Eigenschaft.
h1 {
text-shadow: 2px 2px 5px #000;
}
p {
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}Testen Sie heraus‹/›Beachten Sie：Wenn beide Schattenverschiebewerte auf 0 gesetzt sind, wird der Schatten hinter dem Text platziert und es kann eine Unschärfeeffekt auftreten, wenn die angegebene Unschärferadius festgelegt wird.
Die folgende Tabelle beschreibt die Werte dieses Attributes.
| Wert | Beschreibung |
|---|---|
| Erforderlich -Es muss die folgenden Werte für das Attribut angegeben werden. | |
| h-shadow | Erforderlich. Horizontale Position des Schattens. Negative Werte sind erlaubt. |
| v-shadow | Erforderlich. Vertikale Position des Schattens. Negative Werte sind erlaubt. |
| Optional -Die folgenden Werte sind optional. | |
| blur | Verwenden Sie die Größe der Unschärfe anzugeben. |
| color | Farbe der Schatten angeben. AnsehenCSS-FarbwerteUm eine Liste möglicher Farbwerte zu erhalten. |
| inherit | Wenn angegeben, verwendet der verknüpfte Element sein text von Elternelement.-Werte der shadow-Eigenschaft. |
text-Kompatibilität der shadow-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung： Internet Explorer 7und frühere Versionen unterstützen keine Wertvererbung. IE8Vererbung unterstützt，aber es ist erforderlich<!DOCTYPE>。IE9Vererbung unterstützt.
Bitte beziehen Sie sich auf die folgenden Tutorials：CSS Text。
Textbezogene Eigenschaften：letter-spacing，text-align，text-decoration，text-indent，text-overflow，text-transform，white-space，word-spacing。