スタイルシートリファレンス > border-right-width

スタイルシートリファレンス border-right-width


border-right-width ボーダー右の太さを指定する (IE4/N4)

ボーダー右の太さを指定します。

太さ

thin 細線

medium 普通:規定値

thick 太線

数値で指定 1pxなどの単位で指定

px 画像を構成する最小単位 (モニタの解像度により変化)

1px

▲ページ先頭へ

使用例 border-spacing

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
border-color: #0000ff;
border-style: ridge;
border-right-width: thick;
}
.smp2 {
border-color: #0000ff;
border-style: ridge;
border-right-width: 20px;
}
-->
</style>
</head>
<body>
<table class="smp1">
<tr>
<td>ボーダー 右thick</td>
</tr>
</table>
<br>
<table class="smp2">
<tr>
<td>ボーダー 右20px</td>
</tr>
</table>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


ボーダー 右thick

ボーダー 右20px

▲ページ先頭へ

関連項目【ボーダー】

border
ボーダー上下左右のスタイル・太さ・色を指定する
border-top
ボーダー上のスタイル・太さ・色を指定する
border-bottom
ボーダー下のスタイル・太さ・色を指定する
border-right
ボーダー右のスタイル・太さ・色を指定する
border-left
ボーダー左のスタイル・太さ・色を指定する
border-width
ボーダー上下左右の太さを指定する
border-top-width
ボーダー上の太さを指定する
border-bottom-width
ボーダー下の太さを指定する
border-right-width
ボーダー右の太さを指定する
border-left-width
ボーダー左の太さを指定する
border-style
ボーダー上下左右のスタイルを指定する
border-top-style
ボーダー上のスタイルを指定する
border-bottom-style
ボーダー下のスタイルを指定する
border-right-style
ボーダー右のスタイルを指定する
border-left-style
ボーダー左のスタイルを指定する
border-color
ボーダー上下左右の色を指定する
border-top-color
ボーダー上の色を指定する
border-bottom-color
ボーダー下の色を指定する
border-right-color
ボーダー右の色を指定する
border-left-color
ボーダー左の色を指定する

▲ページ先頭へ

スタイルシートリファレンス > border-right-width