CSS border-width プロパティの使用に関するチュートリアル

border-width -- 4 つの境界線の幅を定義します 値:{1,4} | {1,4}: 境界線の幅 (1、2、3、または 4 つの値を指定できます) 継承:継承 初期値: 中 継承: いいえ 適用対象: すべての要素 ボーダー:ボーダー、幅:幅。 border-widthの値 薄い： border-width -- 4 つの境界線の幅を定義します
Values:{1,4} | 継承
{1,4}: 境界線の幅 (1 つまたは 2 つ、3 つを指定できます)または 4 つの値)
継承: 継承
初期値: 中
継承: いいえ
適用対象: すべての要素
border: 境界線、width: 幅
border-width の値
thin: 細い
medium : Medium
thick: Thick
: 長さの表記
上記の幅の値には次の関係があります: 細い<中<太い

ヒント: border-width にはパーセンテージを使用できず、負の値を取ることもできません。使用できるのは長さのみです。(例: px、 em など)!

例
border-width
border-width に 4 つの値を指定します: border-top-width border-right-width border-bottom-width border-left -width ;
p#fourborders
{
border-width:thick中thin 12px;
4つの値が定義されている場合、これらの4つの値は上、右、下、左の境界線の幅の値です(上の境界から開始して時計回りに移動する)

p#fourborders
{
border-top-width:thick
border- bottom-width:thin;
border-left-width:12px;
border-width に 3 つの値を指定します: border-top-width border-right-width/border-left-width border-bottom-width ;
p#threeborders
{
border-width:thick 12px Thin
}
3 つの値のみが定義されている場合、中央の値は左右の境界線の幅を表します。次の定義に

p#threeborders
border-top-width:thick;
border-left-width:12px; border-width に 2 つの値を指定します
border-width:border-top-width/border-bottom-width border-right-width/border-left-width
p#twoborders
{
border-width:thick 12px; ;
}
値が 2 つだけ定義されている場合、前者の値は上下の境界線の幅を表し、後者の値は左右の境界線の幅を表します

は次の定義と同等です。 p#twoborders
border-top-width:thick;
border-bottom-width:12px;
border- の値を指定しますwidth
border-width:border-top-width/border-bottom-width/border-right-width/border-left-width;
p#oneborders
{
border-width:thick
}
値が 1 つだけの場合が定義されている場合、この値は次の定義と同等です

p#oneborders
border-top-width:thick;
border-bottom; -幅:太い
ボーダー左の幅:太い
}

以上がCSS border-width プロパティの使用に関するチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。