2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] border系統のプロパティでボーダーの各辺をまとめて指定しよう!

border系統の評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.border系統とは?

border系統のプロパティはボーダーの各辺の幅、スタイル、色をまとめて指定します。

値は任意の順序で指定できます。

値の指定方法は以下の通りです。

{ border-top: -style -width -color; }

{ border-right: -style -width -color; }

{ border-bottom: -style -width -color; }

{ border-left: -style -width -color; }

値の指定方法

値は半角スペースで区切って指定します。

値は任意の順序で指定できます。




2.border系統の使い方

それではborder系統の使い方をみていきましょう。

div {
 border-bottom: 2px dotted;
}

上記のようにすることで2pxの2本下線が表示されます。

他にも値を設定できるのでいろいろと試してみることをお勧めします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です