上の枠線は細め。＃00ff00はlime
下の枠線の太さは中くらい。
左の枠線は太め。
右の枠線の太さは16ピクセル。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>TIPS048 上下左右の枠線の太さを指定する</title>
<style type="text/css">
<!--
p { border-style: solid; border-width: 0;
padding: 0.5em; background-color: #FFC; }
p.p1 { border-top-width: thin; }
p.p2 { border-bottom-width: medium; }
p.p3 { border-left-width: thick; }
p.p4 { border-right-width: 16px; }
-->
</style>
</head>
<body>
<p class="p1">上の枠線は細め。</p>
<p class="p2">下の枠線の太さは中くらい。</p>
<p class="p3">左の枠線は太め。</p>
<p class="p4">右の枠線の太さは16ピクセル。</p>
</body>
</html>
