ホームページ > ウェブフロントエンド > htmlチュートリアル > テーブルボーダー用の CSS 構文_HTML/Xhtml_Web ページ作成

テーブルボーダー用の CSS 構文_HTML/Xhtml_Web ページ作成

PHP中文网
リリース: 2016-05-16 16:44:25
オリジナル
1778 人が閲覧しました

表の境界線の CSS 構文 特定のコンテンツには、上枠の幅、右枠の幅、下枠の幅、左枠の幅、枠の幅、枠の色、枠のスタイル、上枠、下枠、左枠、右枠、枠線、幅、高さ、関連ラベルが含まれます。等。 1. 上枠の幅 構文: border-top-width: 許可
表の境界線に関連する CSS 構文
特定の内容には、上境界線の幅、右境界線の幅、下境界線の幅、左境界線の幅、境界線の幅、境界線の色、境界線のスタイル、上境界線が含まれます。 、下枠、左枠、右枠、枠線、幅、高さ、関連ラベルなど。
1. 上部の境界線の幅
構文: border-top-width:
許容値: Thin | Medium |
: Medium
適用対象: すべてのオブジェクト
下位互換性: いいえ
上境界線の幅属性は、要素の上境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、上の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
2. 右ボーダー幅
構文: border-right-width:
許容値: Thin | Medium |
: Medium
適用対象: すべてのオブジェクト
下位互換性: いいえ
右境界線の幅属性は、要素の右境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。右の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
3. 下部の境界線の幅
構文: border-bottom-width:
許容値: Thin | Medium |
:medium
適用対象:すべてのオブジェクト
下位互換性:いいえ
下境界線幅属性は、要素の下境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、下の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
4. 左ボーダー幅
構文: border-left-width:
許容値: Thin | Medium |
: Medium
適用対象: すべてのオブジェクト
下位互換性: いいえ
左境界幅属性は、要素の左境界線の幅を指定するために使用されます。値は 3 つのキーワードのいずれかになります。いずれもフォント サイズや長さの影響を受けず、比例幅を実装するために使用できます。負の値は許可されません。また、左側の境界線、境界線の幅、または境界線のプロパティを省略するために使用することもできます。
5. 境界線の幅

許容値: [ 薄い | 厚い | ] 4}
初期値: 未定義
適用対象: すべてのオブジェクト
下位互換性: いいえ
border width 属性は、要素の境界線を設定するために 1 ~ 4 つの値を使用します。キーワードまたは長さです。負の長さは許可されません。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。 このプロパティは、top、right、bottom、および left プロパティの短縮形です。省略されたボーダー属性を使用することもできます。
                                                                        #p#

6. 境界線の色
構文: border-color:
許可される値: {1,4}
初期値: color 属性の値
適用対象: すべてのオブジェクト
下位互換性: いいえ
border color 属性は、要素の境界線の色を設定します。 1 ~ 4 つのキーワードを使用できます。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。省略されたボーダー属性を使用することもできます。

7. 境界線のスタイル
構文: border-style:
inset | outset ]{1,4}
初期値: なし
適用対象: すべてのオブジェクト
下位互換性: いいえ
border style 属性は、要素の境界線のスタイルを設定するために使用されます。このプロパティは、表示される境界線を指定するために使用する必要があります。 1 ~ 4 つのキーワードを使用できます。 4 つの値をすべて指定すると、それぞれ上、右、下、左の境界線スタイルに適用されます。値が指定されている場合は、それが各エッジに適用されます。 2 つまたは 3 つの値が指定された場合、省略された値は反対側に等しくなります。 の省略された境界線属性 を使用することもできます。
なし: スタイルなし;
破線: 点線;
二重: 溝付き線; > リッジ: リッジ;
インセット: 凹面;
アウトセット: 凸面。

8. 上部ボーダー

構文: border-top:
許可される値: <ボーダー上部の幅> || <カラー>
適用対象: すべてのオブジェクト
下位互換性: いいえ
border-top プロパティは、要素の境界線の幅、スタイル、色を設定するための省略表現です。

指定できる境界線スタイルは 1 つだけです。省略されたボーダー属性を使用することもできます。

9. 右ボーダー
構文: border-right: 許可される値: カラー>
初期値:未定義 適用対象:すべてのオブジェクト
下位互換性:なし
右枠プロパティは、色の幅、スタイル、略号を設定するために使用されるプロパティです。

指定できる境界線スタイルは 1 つだけです。省略されたボーダー属性を使用することもできます。
                                                                        #p#

10. 下部境界線 構文: border-bottom:
許容値: <境界線の幅> ||
初期値: 未定義 適用対象: すべてのオブジェクト
下位互換性: いいえ
下境界線プロパティは、要素の下境界線、スタイル、および色の省略形を設定するために使用される幅です。 。

指定できる境界線スタイルは 1 つだけです。省略されたボーダー属性を使用することもできます。

11. 左境界線
構文: border-left: 許容値: <境界線の幅> || ;
初期値: 未定義 適用対象: すべてのオブジェクト
下位互換性: いいえ
左境界線プロパティは、要素の左境界線の幅、スタイル、色を設定するために使用されるプロパティです。の略称。

指定できる境界線スタイルは 1 つだけです。省略されたボーダー属性を使用することもできます。

12. ボーダー
許容値: <ボーダー幅>初期値: 未定義
適用対象: すべてのオブジェクト 下位互換性: いいえ
border プロパティは、要素の境界線の幅、スタイル、色を設定するための省略表現です。
ボーダー宣言の例は次のとおりです。
H2 { border: Groove 3em }
A:link { border: Solid blue }
A:visited { border: Thin dotted #800080 }
A: active { border: Thick double red }
border 属性は 4 種類のボーダーのみを設定でき、1 セットのボーダーの幅とスタイルのみを指定できます。要素の 4 つの境界線に異なる値を与えるには、Web ページ作成者は、上境界線、右境界線、下境界線、左境界線、境界線の色、境界線の幅、境界線のスタイルなどの 1 つ以上の属性を使用する必要があります。上境界線の幅、右境界線の幅、下境界線の幅、または左境界線の幅。

13. 幅


許容値:
初期値: auto
適用対象: ブロックレベルおよび置換された要素 下位互換性: いいえ
width 属性の初期値は、要素の元の幅である「auto」です (要素の幅はあります)それ自体)。パーセンテージは親要素の幅を指します。負の長さの値は許可されません。

14. 高さ


構文: height:
許容値:
初期値: auto
: ブロックレベルおよび置換された要素 下位互換性: いいえ
height 属性の初期値は「auto」で、これは要素の元の高さです (存在する場合は要素自体の高さです) )。パーセンテージは親要素の幅を指します。負の長さの値は許可されません。

15. 関連タグ

table: テーブル全体のスタイルの定義をテーブルに配置する必要があります。td: セルのラベル。セルのスタイルの定義は td に配置する必要があります。                                                                                                                                          

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート