CSSボックス

ボーダーの種類を指定する{ border-style: 値; }

↑ border-top-style: 値; ← border-left-style: 値; 　　 border-right-style: 値; → border-bottom-style: 値; ↓

サンプル

幅と高さを指定する{ width: 値;height: 値; }

p { font-size: 16px; border-style: dotted; width: 400px;height: 100px; }

サンプル

ボーダーの幅を指定する{ border-width: 値; }

↑ border-top-width: 値; ← border-left-width: 値; 　　 border-right-width: 値; → border-bottom-width: 値; ↓

p { font-size: 16px; border-style: dotted; border-width: 3px; width: 400px;height: 100px; }

サンプル

ボーダーの色を指定する{ border-color: 値; }

↑ border-top-color: 値; ← border-left-color: 値; 　　 border-right-color: 値; → border-bottom-color: 値; ↓

p { font-size: 16px; border-style: dotted; border-width: 3px; border-top-color: #0000ff; border-left-color: #ff0099; width: 400px;height: 100px; }

サンプル

パディングを指定する{ padding: 値; }

↑ padding-top: 値; ↓
← padding-left: 値; →	内容内容内容 内容内容内容	← padding-right: 値; →
↑ padding-bottom: 値; ↓

p { font-size: 16px; border-style: dotted; border-width: 3px; border-top-color: #0000ff; border-left-color: #ff0099; padding: 10px; width: 400px;height: 100px; }

サンプル

玄関に戻るよ