border-widthの指定

書式<border-width:(値)>

・1個の値を設定した場合・・・上下左右が同じ線幅に
・2個の値を設定した場合・・・1つ目の値が上下線幅に,
         2つ目が左右線幅に。
・3個の値を設定した場合・・・1つ目が上線幅に,
          2つ目が左右線幅に,3つ目が下線幅にに。
・4個の値を設定した場合・・・1つ目から順に上,右,下,左の線幅に

htmlsouse.gif (2461 バイト)

<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