CSS 2.0 の勉強 (ボーダーの指定)

CSS 2.0 を勉強しましょう。

ボーダーを指定する方法を説明します。

以下の例では、上下に細いボーダー、左右に太いボーダーを表示しています。

■コード (HTML)

<p class="box1">Hello,World!</p>

■コード (CSS)

.box1 {
border: solid;
border-color: #ff0000;
border-width: thin thick;
}

■ 説明
border プロパティで基本となる線の形状を指定します。

boder-color プロパティで線の色を指定します。

border-width プロパティでボーダーの太さの詳細を指定します。値が 2 つの場合は上（下）／右（左）です。