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