CSS

Cascading Style Sheets border-right-width property.

border-right-width

　右側のボーダーラインの太さを指定するプロパティです。

　border-right-widthプロパティは、右ボーダーの太さを指定する際に使用します。 上下左右のボーダーの太さをまとめて指定する際には、border-width を使用してください。

書式
border-right-width: 値
適用対象
すべての要素
初期値
medium
値の継承
しない
指定できる値
実数 + 単位
実数に em、pt、px などの単位をつけて指定できます。マイナスの値と単位に % は指定できません。尚、pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。また、emとはフォントの高さを1とする単位で、exとは小文字の｢x｣の高さを1とする単位です。
thin, medium, thick
太さはキーワードで指定することもできます。thin は細いボーダー、medium は中位のボーダー、thick は太いボーダーに設定しますが、キーワードで指定する場合は、具体的な太さはブラウザによって異なります。

使用例

CSS source


p {
	border-style: solid;
}
p.sample1 {
	border-right-width: 6px;
}
p.sample2 {
	border-right-width: 1em;
}
p.sample3 {
	border-right-width: thin;
}
p.sample4 {
	border-right-width: medium;
}
p.sample5 {
	border-right-width: thick;
}

HTML source


<p class="sample1">右側のボーダーの太さに 6px を指定しています。</p>
<p class="sample2">右側のボーダーの太さに 1em を指定しています。</p>
<p class="sample3">右側のボーダーの太さに thin を指定しています。</p>
<p class="sample4">右側のボーダーの太さに medium を指定しています。【初期値】</p>
<p class="sample5">右側のボーダーの太さに thick を指定しています。</p>

Sample

右側のボーダーの太さに 6px を指定しています。

右側のボーダーの太さに 1em を指定しています。

右側のボーダーの太さに thin を指定しています。

右側のボーダーの太さに medium を指定しています。【初期値】

右側のボーダーの太さに thick を指定しています。