Home >Web Front-end >CSS Tutorial >What is the meaning of box-shadow

What is the meaning of box-shadow

藏色散人
藏色散人Original
2020-02-07 10:45:286487browse

What is the meaning of box-shadow

What is the meaning of box-shadow?

CSS3 box-shadow property definition and usage

The box-shadow property adds one or more shadows to a box.

Tip: Please use border-image-* properties to construct beautiful scalable buttons!

Default value: none

Inheritance: no

Version: CSS3

JavaScript Syntax: object.style.boxShadow="10px 10px 5px #888888 "

Syntax

box-shadow: h-shadow v-shadow blur spread color inset;

Comments: box-shadow adds one or more shadows to the box. This property is a comma-separated list of shadows, each specified by 2-4 length values, an optional color value, and the optional inset keyword. The value for omitted length is 0.

Value and description:

h-shadow Required. The position of the horizontal shadow. Negative values ​​are allowed.

v-shadow Required. The position of the vertical shadow. Negative values ​​are allowed.

blur Optional. Fuzzy distance.

spread Optional. The size of the shadow.

color Optional. The color of the shadow. See CSS color values.

inset Optional. Change the outer shadow (outset) to an inner shadow.

Recommended: "css3 tutorial"

The above is the detailed content of What is the meaning of box-shadow. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:How to use css hoverNext article:How to use css hover