CSS box-shadow(影)を解除・消す方法
2021年07月11日
「box-shadowで指定した影を解除して消したいけどどうやるんだろう?」
CSS box-shadow(影)を解除・消す方法を解説します。
【方法1】box-shadow:noneを指定
box-shadow:noneは初期値であり、box-shadowを無効にする値です。
box-shadow(影)を解除・消したいときは「box-shadow:none」を上書きで指定しましょう。
CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。
↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓
↑「副業してもう少し稼ぎたい!」というかたのために副業の方法も解説しています。
【方法2】box-shadow:initialを指定(IEで効かない)
「initial」はすべてのCSSに指定できる値で、そのCSSを解除・初期値にする値です。
ただし、IEではinitialが効きません。
box-shadow:noneを指定したほうが無難でしょう。
【まとめ】box-shadowを解除・消す方法
box-shadow:noneを上書き指定しましょう。
以上、box-shadow(影)を解除・消す方法でした。
「この記事の内容がよくわからなかった…」「なんかうまくいかなかった…」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。
わからないまま突き進むより基本を学ぶのが結局近道です。