Looking for css Answers? Try Ask4KnowledgeBase
Looking for css Keywords? Try Ask4Keywords
CSSボックスシャドウ
構文
- box-shadow：none | h-shadow v-shadowぼかし色| inset | initial | inherit;
パラメーター
| パラメーター | 詳細 |
|---|---|
| インセット | デフォルトでは、影は影として扱われます。 insetキーワードはフレーム/枠内に影を描画します。 |
| オフセット-x | 水平距離 |
| オフセット-y | 垂直距離 |
| ぼかし半径 | デフォルトでは0です。値は負であってはなりません。値が大きければ大きいほど、影は大きくなります。 |
| スプレッド半径 | デフォルトでは0です。正の値を指定すると影が拡大します。負の値を指定すると影が縮小します。 |
| 色 | カラーキーワード、16進数、 rgb() 、 rgba() 、 hsl() 、 hsla()などのさまざまな表記を使用できますrgb() |
備考
ブラウザサポート：
- Chrome 10.0
- IE 9.0
- Firefox 4.0 3.5 -moz
- Safari 5.1 3.1 - ウェブキット -
- Opera 10.5
ボックスシャドウ 関連する例
This modified text is an extract of the original Stack Overflow Documentation created by following contributors and released under CC BY-SA 3.0
This website is not affiliated with Stack Overflow
Email: tutorialpedia@outlook.com