HTMLで境界線を設定する3つの方法の詳細な説明

HTML で境界線を設定する 3 つの方法

境界線の幅: 1px 2px 2px;
境界線のスタイル: 実線、破線、点線;
border-color:赤 緑 青;
/*上→左→下の境界線をそれぞれ設定します*/

1. フレームの構成:

境界線: 1px 実線 #fff

パラメータ:

1つ目は境界線の太さ1pxです

2番目は、実線の破線と点線の境界線スタイルです（異なるブラウザとは互換性がありません）

3 番目は、境界線の色が赤です。英語の単語を使用して、色を直接表します #f00。色の 16 進表現は rgb(255,0,0) です。

2. 複合スタイル

/*border: 1px 実線赤; /*複合スタイル*/

3. 単一設定

境界線の幅: 1px 2px 2px 1px;
境界線のスタイル: 実線、破線、点線、実線;
border-color:赤 緑 青 ピンク;
/*上→右→下→左の境界線をそれぞれ設定します*/

これは、4 つの境界線にそれぞれ上境界線、右境界線、下境界線、左境界線が設定されていることを意味します。

境界線の幅: 1px 2px;
境界線のスタイル: 実線 破線;
境界線の色:赤 緑;
/*上、下、左、右の境界線をそれぞれ設定します*/

2つの値は、上と下の境界線、左と右の境界線を表します

3つの値は、上境界線、左境界線、下境界線を表します（なぜこのように分かれているのかはわかりませんが、統合されているのかもしれません）

それぞれの境界線を個別に設定することもできます！

上ボーダー;
境界線右;
ボーダー下部;
境界線左;

しかし、仕事はそれほど細分化されるべきではありません。なぜなら、それは大変な作業であるだけでなく、奇妙で見苦しいものでもあるからです。

これで、HTML ボーダーを設定する 3 つの方法についての記事は終了です。より関連性の高い HTML ボーダー設定については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。