Ejemplo
Agregar un cuadro de sombra a un elemento div:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades boxShadow o devuelve el abandono sombras de un elemento de caja.
Soporte del navegador
La propiedad boxShadow es compatible con IE9 +, Firefox, Chrome, Opera y Safari 5.1.1.
Sintaxis
Devolver la propiedad boxShadow:
object .style.boxShadowEstablecer la propiedad boxShadow:
object .style.boxShadow="none| Note: La propiedad boxShadow concede uno o más abandono sombras a la caja. La propiedad es una lista separada por comas de sombras, cada uno especificado por 2-4 valores de longitud, un color opcional, y una palabra clave de inserción opcional. longitudes omitidas son 0.
Valores de propiedad
Valor Descripción none Valor por defecto. No se muestra ninguna sombra h-shadow Necesario. La posición de la sombra horizontal. Los valores negativos se les permite v-shadow Necesario. La posición de la sombra vertical. Los valores negativos se les permite blur Opcional. La distancia de desenfoque spread Opcional. El tamaño de la sombra color Opcional. El color de la sombra. El valor por defecto es negro. Mira valores de color CSS para obtener una lista completa de posibles valores de color.
Nota: En Safari (on PC) se requiere que el parámetro de color. Si no especifica el color, la sombra no se muestra en absoluto. inset Opcional. Cambia la sombra de una sombra exterior (outset) a una sombra interior initial Establece esta propiedad a su valor por defecto. Lea acerca inicial inherit Hereda esta propiedad de su elemento padre. Lea acerca de heredar
Detalles técnicos
Valor por defecto: ninguna Valor de retorno: Una cadena, que representa la propiedad de caja sombra de un elemento Versión CSS CSS3
Páginas relacionadas
Referencia CSS: box-shadow property
<Estilo de objeto