CSSリファレンス

border-styleの意味と使い方

「border-style」ばボーダーの種類を一括して指定します。
ボーダーの種類は初期値が「none」に設定されているため、ボーダーを表示するには「none」と「hidden」以外の値を指定する必要があります。

値の指定方法

none

ボーダーの表示しない。border-widthの値も「0」に設定される。テーブルのセルなどの枠線として重なり合った場合には他の値が優先される。


hidden

ボーダーを表示しない。border-widthの値も「0」に設定される。テーブルのセルなど枠線として重なり合った場合にはこの値が優先される。


dotted

点線


dashed

破線


solid

実線


double

二重線


groove

へこんだような線


ridge

浮き上がったような線


inset

内側がへこんだような線


outset

内側が浮き上がったような線


関連プロパティ

  • border-width:ボーダーの太さを指定する
  • border-color:ボーダーの色を指定する
  • border:ボーダーのスタイル・太さ・色を指定する