border styleをnoneで枠線を消す[初心者向け]

こんにちは! CSSで学んだことをまとめています!

本記事では、CSSの枠線を消す際に使う

 border style none 

の使い方をシンプルにまとめています!

border style noneの使用法

border styleにnoneを指定すると、枠線が無くなります。

他に競合する指定がある場合、そちらが優先されるようです。

では書き方を見ていきます。

まずボーダー(枠線)があるボタンのサンプル。

(index.html)

(main.css)

水色の枠線があります。

次に枠線を、無くします。

(main.css変更分)

border-style: none;

で枠線を消せます。

補足ですが、

 border:0 

でも、border-style: none;と同じ結果になります。

まとめ

以上です!

簡単ではありますが、cssのborder style noneの使い方をまとめてみました。

参考:

(動画)

(記事)

CSS – border-style