枠線の種類

関連リンク

• 色の見本
• テーブル枠線の色
• リンク色を複数設定
• 枠線の種類

Pickup

• 無料アフィリエイト
• 無料ブログ 比較 宣伝

border

枠線の種類は、「 border: カラーコード 太さ 線の種類 」を指定します。

1. border:〜; ⇒ 上右下左
2. border-top:〜; ⇒ 上
3. border-right:〜; ⇒ 右
4. border-bottom:〜; ⇒ 下
5. border-left:〜; ⇒ 左

個別指定は2〜5番。例：border-bottom:〜; border-left:〜; ⇒ 下左

8種類の枠線の種類

◇ solid （直線

border:#0000ff 1px solid;

◇ double （二重線

border:#0000ff 4px double;

◇ dashed （破線

border:#0000ff 5px dashed;

◇ dotted （点線

border:#0000ff 5px dotted;

◇ groove （山形に窪む線

border:#6b8e23 30px groove;

◇ ridge （山形に突起する線

border:#6b8e23 30px ridge;

◇ inset （窪む線

border:#6b8e23 30px inset;

◇ outset （突起する線

border:#6b8e23 30px outset;

カラーコードは、色の見本を参考にしてください。

border-top:#6b8e23 20px solid;