Style boxShadow egenskab

Definition og brug

boxShadow Egenskab indstiller eller returnerer skygge (drop-shadow) for boksene.

Se også:

CSS reference manual:box-shadow egenskab

Eksempel

Tilføj box-shadow til div-elementet:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

Prøv det selv

Syntaks

Returner boxShadow egenskab:

object.style.boxShadow

Indstil boxShadow egenskab:

object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

Kommentar:boxShadow Egenskaben tilføjer en eller flere skygger til boksen. Egenskaben er en komma-separeret liste over skygger, hver skygge defineres af 2-4 længdeværdier, valgfri farve og valgfri 'inset'-nøgleord. Udeladte værdier er 0.

Egenskabsværdi

Værdi Beskrivelse
none Standardværdi. Viser ingen skygge.
h-shadow Obligatorisk. Horisontal skyggeposition. Tillader negative værdier.
v-shadow Obligatorisk. Vertikal skyggeposition. Tillader negative værdier.
blur Valgfri. Blødgøringsafstand.
spread Valgfri. Skyggens størrelse.
color

Valgfri. Skyggens farve. Standardværdien er sort.

Se CSS-farveværdierfor en fuld liste over mulige farveværdier.

Tip:I Safari (på PC)color Parametret er obligatorisk. Hvis der ikke angives en farve, vises skyggen ikke overhovedet.
inset Valgfri. Skift ekstern skygge (outset) til intern skygge.
initial Sæt denne egenskab til dens standardværdi. Se initial。
inherit Arve denne egenskab fra sin forældrelement. Se inherit。

Tekniske detaljer

Standardværdi: ingen
Returværdi: streng, der repræsenterer elementets box-shadow egenskab。
CSS version: CSS3

Browser understøttelse

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support 5.1 Support