枠線をつけるには「border」プロパティを用い、線のスタイルは「太さ[px] 線種 色」と指定します。また「border-width」プロパティで太さ、「border-style」プロパティで線種、「border-color」プロパティで色を個別に指定することもできます。
枠線は上下左右個別に「border-位置」プロパティで指定することができます。プロパティ全般で上下左右の位置の指定は、上は「top」、右は「right」、下は「bottom」、左は「left」と共通なので覚えておきましょう。
none | 枠線なし | |
solid | 実線 | あいうえおかきくけこ |
dotted | 点線 | あいうえおかきくけこ |
dashed | 破線 | あいうえおかきくけこ |
double | 二重線 | あいうえおかきくけこ |
groove | 立体枠1[凹] | あいうえおかきくけこ |
ridge | 立体枠1[凸] | あいうえおかきくけこ |
inset | 立体枠2[凹] | あいうえおかきくけこ |
outset | 立体枠2[凸] | あいうえおかきくけこ |