ボックスシャドウの意味は何ですか

box-shadow とはどういう意味ですか?

CSS3 box-shadow プロパティの定義と使用法

box-shadow プロパティは、ボックスに 1 つ以上の影を追加します。

ヒント: 美しいスケーラブルなボタンを作成するには、border-image-* プロパティを使用してください。

デフォルト値: none

継承: no

バージョン: CSS3

JavaScript 構文: object.style.boxShadow="10px 10px 5px #888888 "

構文

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

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

値と説明:

h-shadow 必須。水平方向の影の位置。負の値も許可されます。

v-shadow 必須。垂直影の位置。負の値も許可されます。

ぼかし オプション。曖昧な距離。

スプレッド オプション。影のサイズ。

色 オプション。影の色。 CSS カラー値を参照してください。

インセット オプション。外側のシャドウ（アウトセット）を内側のシャドウに変更します。

推奨: 「css3 チュートリアル」

以上がボックスシャドウの意味は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。