境界線様式(border Style)

border-styleとは、ボーダーの形式を指定するためのプロパティです。

初期値はnoneであり、ボーダーは表示されません。

取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。

値がひとつだけのときには上下左右の各ボーダーを同じ形式で描画しますが、値の数によって上下と左右のそれぞれに同じ形式を指定したり、左右のみに同じ形式を指定したり、あるいは全てのボーダーに異なる形式を指定できます。

border-bottom-styleとは、下側のボーダーの形式を指定するためのプロパティです。

初期値はnoneであり、ボーダーは表示されません。

取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。

border-left-styleとは、左側のボーダーの形式を指定するためのプロパティです。

初期値はnoneであり、ボーダーは表示されません。

取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。

border-right-styleとは、右側のボーダーの形式を指定するためのプロパティです。

初期値はnoneであり、ボーダーは表示されません。

取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。

border-top-styleとは、上側のボーダーの形式を指定するためのプロパティです。

初期値はnoneであり、ボーダーは表示されません。

取りうる主な値には、solid(実線)やdotted(点線)、double(2本線)などがあります。

Functional list
書式 border-style: <value:値>
[ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
初期値 none
適用要素Applies to: 全ての要素:All elements
継承性 No

border-styleプロパティーは要素の 境界線の様式(スタイル)を設定します。

このプロパティーは視覚的な場合の境界線用に特定しなくてはなりません。

一つから四つのキーワードが特定されます。

四つの値があれば、それぞれ上部・右側・下部・左側境界線様式ね適用されます。

一つの値なら、全ての側面に適用されます。

二から三の値の場合記載ない値は反対側から取られます。

短縮型プロパティーであるborderも使います。

枠線の種類

戻る