Monthly Archives: 

11月 2020

枠線の色を変える

枠線の色は border-color プロパティで指定します 。 色の指定については colorプロパティ、 background-colorプロパティなどと同じです。 サンプルでは border-style プロパティを dashed に指定した枠線の色を青色にしています。なお、枠線の色を特に指定しない場合は、 colorプロパティと同じ色になります。

1つの要素について、上下左右の枠線のそれぞれに別の色を設定するこができます。 border-colorプロパティに値を 1 つだけ設定すると、上下左右の枠線の色がみな同じになりますが、値を2つ、3つ、4つの場合でそれぞれ異なる設定ができます。値を4つ列挙 (それぞれの値の問は半角スペースを空ける) すると、先頭から順に上、右、下、左の色のスタイルを指定します。値を3つ列挙した場合は、上、左右、下、 2 つ列挙した場合は上下、左右の色の設定になります。