書式<border-width:(値)>
・1個の値を設定した場合・・・上下左右が同じ線幅に
・2個の値を設定した場合・・・1つ目の値が上下線幅に,
2つ目が左右線幅に。
・3個の値を設定した場合・・・1つ目が上線幅に,
2つ目が左右線幅に,3つ目が下線幅にに。
・4個の値を設定した場合・・・1つ目から順に上,右,下,左の線幅に
![]()
<style TYPE="text/css"><!--
h3{border-style:solid;border-color:maroon;
border-width:0 0 8 30}
#p1{border-style:solid;border-color:pink;
border-width:1 2 4 12;margin-right:200px}
#p2{border-style:solid;border-color:blue;
border-width:0 3 0 3;margin-top:-12px;
margin-left:20px;margin-right:40px}
--></style>
</head>
<body>
<h3>border-widthの指定</h3>
<p id="p1">書式<border-width:(値)></p>
<p id="p2">・1個の値を設定した場合・・・上下左右が同じ線幅に<br>
・・・(以下省略)・・・
</p>
END