表枠のCSS構文整理(1)_基本編

Dreamweaver がテーブルの作成において優れた仕事をしていることはわかっていますが、特定の効果を実現するには、ある時点でまだ CSS と組み合わせる必要があります。まず、テーブルの境界線の CSS 構文を整理し、次に CSS を使用してテーブルを作成する方法を紹介します。テーブルの境界線を美しくします。表の境界線の CSS 構文

具体的な内容は次のとおりです: 上境界線の幅、右境界線の幅、下境界線の幅、左境界線の幅、境界線の幅、境界線の色、境界線のスタイル、上境界線、下境界線、左境界線、右境界線境界線、境界線、幅、高さ、関連ラベルなど。
1. 上部の境界線の幅

構文: border-top-width:
許容値: Thin | Medium Thick |適用対象: すべてのオブジェクト 下位互換性: いいえ
上境界線の幅属性は、要素の上境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、上の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
2. 右ボーダー幅

構文: border-right-width:

許容値: 細い | 中程度 | 太い
適用対象: すべてのオブジェクト 下位互換性: いいえ
右境界線の幅属性は、要素の右境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。右の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。 3. 下部の境界線の幅

構文: border-bottom-width:

許容値: 薄い | 厚い |

適用対象: すべてのオブジェクト
下位互換性: いいえ 下境界線幅属性は、要素の下境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、下の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
4. 左境界線の幅
構文: border-left-width:

許容値: 薄い | 中程度 | 厚い
適用対象: すべてのオブジェクト
下位互換性: いいえ
左境界線の幅属性は、要素の左境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、左側の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
5. 境界線の幅
構文: border-width:
許可される値: [ Thin | Medium Thick |
]未定義
適用対象: すべてのオブジェクト
下位互換性: いいえ
border-width プロパティは、要素の境界線を 1 ～ 4 つの値で設定します。値はキーワードまたは長さです。負の長さは許可されません。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。このプロパティは、上ボーダー幅、右ボーダー幅、下ボーダー幅、左ボーダー幅のプロパティの略称です。省略されたボーダー属性を使用することもできます。
6. ボーダーカラー
構文: border-color:
許可される値:
{1,4}
初期値: color 属性の値
適用対象: すべてのオブジェクト
下位互換性: いいえ
border-color プロパティは、要素の境界線の色を設定します。 1 ～ 4 つのキーワードを使用できます。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。省略されたボーダー属性を使用することもできます。
7. 境界線のスタイル
許可される値: [ なし | 点線 | 線幅 | 4}
初期値: なし 適用対象: すべてのオブジェクト
下位互換性: いいえ
境界線スタイル属性は、要素の境界線のスタイルを設定するために使用されます。このプロパティは、表示される境界線を指定するために使用する必要があります。 1 ～ 4 つのキーワードを使用できます。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。省略されたボーダー属性を使用することもできます。

なし: スタイルなし;
破線: 破線;
二重: 二重線; ;
リッジ: リッジ;
インセット: 凸型;