css-box-shadowing_html/css_WEB-ITnose

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

注: box-shadow は、ボックスに 1 つ以上の影を追加します。このプロパティは、影のコンマ区切りのリストで、それぞれ 2 ～ 4 の長さの値、オプションの色の値、およびオプションの inset キーワードで指定されます。省略された長さの値は 0 です。

値の説明 テスト

h-shadow	必須。水平方向の影の位置。負の値も許可されます。	テスト
v-shadow	必須。垂直影の位置。負の値も許可されます。	テスト
ぼかし	オプション。曖昧な距離。	テスト
拡散	オプション。影のサイズ。	テスト
カラー	オプション。影の色。 CSS カラー値を参照してください。	テスト
挿入	オプション。外側のシャドウ（アウトセット）を内側のシャドウに変更します。	テスト

効果