BoxShadowValue 物件類型

BoxShadowValue 物件由 boxShadow 樣式屬性採用。它包含 2-4 個長度值、一個可選的顏色和一個可選的 inset 布林值。這些值共同定義了陰影的顏色、位置、大小和模糊程度。

範例

js

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

鍵和值

offsetX

在 x 軸上的偏移量。可以是正數或負數。正值表示向右，負值表示向左。

類型	可選
number | string	否

offsetY

在 y 軸上的偏移量。可以是正數或負數。正值表示向上，負值表示向下。

類型	可選
number | string	否

blurRadius

表示在高斯模糊演算法中使用的半徑。值越大，陰影越模糊。僅非負值有效。預設值為 0。

類型	可選
number | string	是

spreadDistance

陰影擴大或縮小的程度。正值會擴大陰影，負值會縮小陰影。

類型	可選
number | string	是

color

陰影的顏色。預設值為 black。

類型	可選
color	是

inset

陰影是否為內陰影。內陰影會出現在元素邊框框的內部，而不是外部。

類型	可選
boolean	是

用於

• boxShadow