Aanbevolen cursus:
- Previous page textOverflow
- Next page textTransform
- Go back one level HTML DOM Style Object
Stijl textShadow-eigenschap
Definitie en gebruik
textShadow
Instellen of retourneren van een of meerdere schaduweffecten voor de tekst.
Zie ook:CSS text shadow
CSS handleiding:CSS referentiehandleiding:
text-shadow-eigenschap
Voorbeeld
Voorbeeld 1
Schaduw toevoegen aan de tekst:
alert(document.getElementById("myP").style.textShadow);
document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
Voorbeeld 2
Retourneren van de tekstschaduw:
Probeer het zelf uit
Syntaxis
Instellen van de textShadow-eigenschap:Retourneren van de textShadow-eigenschap:
.style.textShadow
Instellen van de textShadow-eigenschap:objectSchaduw niet tekenen. Standaard. v-shadow blur color.style.textShadow = "none|
|initial|inherit"Opmerking:
De textShadow-eigenschap voegt een of meerdere schaduwen toe aan de tekst. Deze eigenschap is een lijst van schaduwen, gescheiden door komma's, waarbij elke schaduw bestaat uit 2 of 3 lengtewaarden en optionele kleuren. Overgeslagen lengtes zijn 0.
Eigenschapswaarde | Waarde |
---|---|
none | Beschrijving |
Schaduw niet tekenen. Standaard. | Verplicht. De horizontale positie van de schaduw. Negatieve waarden zijn toegestaan. |
v-shadow | Verplicht. De verticale positie van de schaduw. Negatieve waarden zijn toegestaan. |
blur | Optioneel. De afstand van de vaagheid. |
color |
Optioneel. De kleur van de schaduw. Bekijk CSS kleurwaardenvoor een volledige lijst van mogelijke kleurwaarden. |
initial | Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial. |
inherit | Inheritere deze eigenschap van de ouderlijke element. Raadpleeg inherit. |
Technische details
Standaardwaarde: | none |
---|---|
Retourwaarde: | Een string die de lijst van toepasbare schaduweffecten op de elementtekst aangeeft, gescheiden door komma's. |
CSS versie: | CSS3 |
Browserondersteuning
Tabelcijfers vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | 10.0 | Support | Support | Support |
- Previous page textOverflow
- Next page textTransform
- Go back one level HTML DOM Style Object