【1日1個CSS3プロパティを学ぶ】パート2：box-shadow_html/css_WEB-ITnose

今日は忙しくて、新しいものをじっくり見ることができませんでした。よく使用される CSS3 プロパティである box-shadow を記録しましょう。これは、border-radius の角丸が設定されている場合、影を意味します。

box-shadow は現在、IE9 以降およびその他の最新のブラウザーでサポートされている属性です。

構文:

rrree

値:

inset: 影が境界線の内側、背景の上、コンテンツの下にあることを示します。

offset-x および offset-y: offset 、正の値は左と下を意味します。

blur-radius: ぼかし半径、デフォルトは 0、負にすることはできません。

spread-radius: 影を拡大するには正の値を取り、縮小するには負の値を取ります。 .

color: 色が定義されていない場合、ブラウザによって決定されます。