Beispiel
In Schatten auf einen Text:
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px
10px 1px #0000ff"; Versuch es selber " Definition und Verwendung
Die textShadow Eigenschaftssätze oder gibt ein oder mehrere Schatteneffekte für einen Text.
Browser-Unterstützung
Die textShadow Eigenschaft wird in allen gängigen Browsern unterstützt.
Hinweis: Die textShadow Eigenschaft wird in Internet Explorer 9 und früheren Versionen nicht unterstützt.
Syntax
Bringen Sie die textShadow Eigenschaft:
object .style.textShadow
Stellen Sie die textShadow Eigenschaft:
object .style.textShadow="none| Note: Die textShadow Eigenschaft legt einen oder mehrere Schatten auf Text. Die Eigenschaft ist eine durch Kommata getrennte Liste von Schatten, die jeweils angegeben durch 2 oder 3 Längenwerte und eine optionale Farbe. Weggelassen Längen sind 0. Eigenschaftswerte
Wert Beschreibung none Kein Schatten gezeichnet. Dies ist die Standardeinstellung h-shadow Erforderlich. Die Position des horizontalen Schatten. Negative Werte sind erlaubt v-shadow Erforderlich. Die Position des vertikalen Schatten. Negative Werte sind erlaubt blur Optional. Die Unschärfe Abstand color Optional. Die Farbe des Schattens. Schauen Sie sich CSS Farbwerte für eine vollständige Liste der möglichen Farbwerte initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, eine durch Kommata getrennte Liste von Schatteneffekten darstellt angewendet auf den Text des Elements CSS Version CSS3
Mehr Beispiele
Beispiel
Bringen Sie den Text Schatten:
alert(document.getElementById("myP").style.textShadow); Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS3 Text Effects
CSS - Referenz: text-shadow property
<Style - Objekt