Exemplo
Adicione uma caixa-sombra a um elemento div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Tente você mesmo " Definição e Uso
Os boxShadow conjuntos de propriedades ou retorna o drop-sombras de um elemento de caixa.
Suporte navegador
A propriedade boxShadow é suportado no IE9 +, Firefox, Chrome, Opera e Safari 5.1.1.
Sintaxe
Devolver o imóvel boxShadow:
object .style.boxShadowDefina a propriedade boxShadow:
object .style.boxShadow="none| Note: A propriedade boxShadow atribui um ou mais drop-sombras para a caixa. A propriedade é uma lista separada por vírgulas de sombras, cada especificado por 2-4 valores de comprimento, uma cor opcional, e uma palavra-chave de inserção opcional. comprimentos são omitidas 0.
Valores de propriedade
Valor Descrição none Valor padrão. Sem sombra é exibida h-shadow Requeridos. A posição da sombra horizontal. Os valores negativos são permitidos v-shadow Requeridos. A posição da sombra vertical. Os valores negativos são permitidos blur Opcional. A distância borrão spread Opcional. O tamanho da sombra color Opcional. A cor da sombra. O valor padrão é preto. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor.
Nota: No Safari (on PC) é exigido o parâmetro de cor. Se você não especificar a cor, a sombra não é exibido em tudo. inset Opcional. Altera a sombra de uma sombra externa (outset) para uma sombra interna initial Define essa propriedade para seu valor padrão. Leia sobre inicial inherit Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar
Detalhes técnicos
Valor padrão: Nenhum Valor de retorno: A String, que representa a propriedade box-shadow de um elemento CSS Versão CSS3
Páginas relacionadas
Referência CSS: box-shadow property
<Estilo de objeto