propriedade boxShadow do estilo

definição e uso

boxShadow define e usa a propriedade boxShadow do estilo.

veja também:

manual de referência CSS:propriedade box-shadow

exemplo

adicionar box-shadow ao elemento div:

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

experimente você mesmo

sintaxe

retornar propriedade boxShadow:

objeto.style.boxShadow

definir propriedade boxShadow:

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

notas:boxShadow a propriedade adiciona uma ou mais sombras ao caixa. Essa propriedade é uma lista de sombras separadas por vírgula, onde cada sombra é definida por 2-4 valores de comprimento, um valor opcional de cor e um termo opcional de inset. O valor omitido é 0.

valor da propriedade

valor descrição
none valor padrão. Não exibe sombra.
h-shadow obrigatório. posição horizontal da sombra. Permite valores negativos.
v-shadow obrigatório. posição vertical da sombra. Permite valores negativos.
blur opcional. distância de desfoque.
spread opcional. tamanho da sombra.
cor

opcional. cor da sombra. O valor padrão é preto.

veja valor de cor CSSpara obter a lista completa de valores de cor possíveis.

dica:no Safari (no PC),cor o parâmetro é obrigatório. Se não for especificado a cor, a sombra não será exibida.
inset opcional. Mude a sombra externa (outset) para sombra interna.
initial defina essa propriedade para seu valor padrão. Veja também initial。
inherit herda essa propriedade do elemento pai. Veja também inherit。

detalhes técnicos

valor padrão: não há
valor de retorno: cadeia de caracteres, que representa o propriedade box-shadow。
Versão do CSS: CSS3

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 9.0 Suporte 5.1 Suporte