FANDOM


The box-shadow Property allows users to cast a drop shadow from the object of almost any element.


ValuesEdit

Value Required / Optional Value Description
h-shadow / offset-x Required The position of the horizontal shadow. Negative values are allowed
v-shadow / offset-y Required The position of the vertical shadow. Negative values are allowed
blur-radius Optional The blur distance
spread-radius Optional. The size of shadow
color Optional The color of the shadow. Look at CSS Color Values for a complete list of possible color values
inset Optional Changes the shadow from an outer shadow (outset) to an inner shadow


.CustomNoBold { font-weight:normal !important; }

Availability Alternatives

(alternatives only available in a property)

Name Browser
Yes -webkit-box-shadow Google Chrome
GoogleChrome
Yes -moz-box-shadow Mozilla Firefox
MozillaFirefox
Yes None Internet Explorer
InternetExplorer
Yes None Safari
Safari
Yes None Opera
Opera


SyntaxEdit

HTMLEdit

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

CSSEdit

boxshadow {
    box-shadow: h-shadow v-shadow blur spread color inset;
    -webkit-box-shadow: h-shadow v-shadow blur spread color inset;
    -moz-box-shadow: h-shadow v-shadow blur spread color inset;
}

ExamplesEdit

Normal Box ShadowEdit

All Corners

Inset Box ShadowEdit

All Corners

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.