跳到主要内容

BoxShadowValue 对象类型

BoxShadowValue 对象由 boxShadow 样式属性使用。它包含 2-4 个长度值、一个可选颜色和一个可选的 inset 布尔值。这些值共同定义了盒子阴影的颜色、位置、大小和模糊度。

示例

js
{
offsetX: 10,
offsetY: -3,
blurRadius: '15px',
spreadDistance: '10px',
color: 'red',
inset: true,
}

键和值

offsetX

X 轴上的偏移量。可以是正值或负值。正值表示向右,负值表示向左。

类型可选
numer | string

offsetY

Y 轴上的偏移量。可以是正值或负值。正值表示向上,负值表示向下。

类型可选
numer | string

blurRadius

表示高斯模糊算法中使用的半径。值越大,阴影越模糊。只有非负值有效。默认值为 0。

类型可选
numer | string

spreadDistance

阴影增长或缩小的程度。正值会使阴影增大,负值会使阴影缩小。

类型可选
numer | string

color

阴影的颜色。默认为 black

类型可选
color

inset

阴影是否为内阴影。内阴影将出现在元素边框盒的内部,而不是外部。

类型可选
boolean

使用于