What is the meaning of box-shadow in css

This article mainly introduces what is the meaning of box-shadow in css. It is very detailed and has certain reference value. Friends who are interested must finish reading it.

What is the meaning of box-shadow?

Definition and usage of CSS3box-shadow attribute

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

Tip: use the border-image-* property to construct a beautiful retractable button!

Default value: none

Inheritance: no

Version: CSS3

JavaScript syntax: object.style.boxShadow= "10px10px5px#888888"

Grammar.

Box-shadow:h-shadowv-shadowblurspreadcolorinset

Note: box-shadow adds one or more shadows to the box. This attribute is a comma-separated list of shadows, each specified by 2-4 length values, optional color values, and optional inset keywords. The value for omitting length is 0.

Value and description:

H-shadow is required. The position of the horizontal shadow. Negative values are allowed.

V-shadow is required. The position of the vertical shadow. Negative values are allowed.

Blur is optional. Blur the distance.

Spread is optional. The size of the shadow.

Color is optional. The color of the shadow. See CSS color values.

Inset is optional. Change the outer shadow (outset) to the inner shadow.

The above is all the content of the article "what is the meaning of box-shadow in css". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!