HTML5で表の枠線を別の色に設定する方法

HTML5 では、「border-color」属性を使用して、表の境界線をさまざまな色に設定できます。この属性は、1 ～ 4 の値を設定して 4 つの値を設定できる省略された属性です。色、構文は「border-color: 上の境界線の色、右の境界線の色、下の境界線の色、左の境界線の色;」です。

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5テーブルの境界線をさまざまな色に設定する方法

border-color プロパティは、4 つの境界線の色を設定します。このプロパティでは 1 ～ 4 色を設定できます。

border-color プロパティは、要素のすべての境界線の表示部分の色を設定したり、4 つの辺のそれぞれに異なる色を設定したりできる省略表現のプロパティです。次の例を見てください:

例 1

border-color:red green blue pink;

上の境界線は赤です

右の境界線は緑です

下の境界線は青です

左の境界線はピンクです

例 2

border-color:red green blue;

上の境界線は赤です

右と左の境界線は緑です

下の境界線は青です

例 3

border-color:dotted red green;

上と下の境界線は赤です

#右と左の境界線は緑です

例 4

border-color:red;

All 4 つの境界線はすべて赤です

境界線のスタイルを「なし」または「非表示」にすることはできないことに注意してください。そうでない場合、境界線は表示されません。

推奨チュートリアル: 「

html ビデオ チュートリアル 」

以上がHTML5で表の枠線を別の色に設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。