ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要
HTML5のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要
- 寻∝梦オリジナル
- 2018-08-18 13:30:5222739ブラウズ
html5のborder属性を設定するにはどうすればよいですか? html5テーブルのborder属性の紹介はこちら この記事では、cssスタイルでのhtml5のborder属性の定義と使い方を中心に、html5テーブルでのborder属性の紹介を説明します
html5 CSSスタイルの定義とCSS スタイルでの border 属性の使用:
border 省略表現属性は、1 つの宣言ですべての border 属性を設定します。
次のプロパティを順番に設定できます:
border-width
border-style
border-color
たとえば、border の場合、いずれかの値を設定しなくても問題はありません。ソリッド #ff0000; も許可されます。
html5 border 属性属性値:
CSS border は、枠の幅、色、スタイルなど、HTML 要素 (div など) の枠を設定するために使用されます。この記事では、CSS のボーダー プロパティの詳細をプログラマに紹介します。興味のあるプログラマは参照してください。
CSSボーダーはCSSボーダー-ボーダースタイルの色、ボーダースタイル、ボーダー幅の構文構造とアプリケーションケースのチュートリアルです
1.CSSボーダーの基礎知識
CSSボーダーはCSSボーダーはコントロールのボーダーですobject エッジの幅、色、破線、実線などのスタイル CSS プロパティ。同時に、コーダーのチュートリアルで提供される CSS マニュアルを入力して境界線を表示することもできます。
2. Html オリジナルの境界線と CSS 境界線の比較
Html テーブル コントロールの境界線:
border="1" bordercolor="#000000"
説明: テーブルの境界線の幅を 1px、CSS の色を黒に制御します。デフォルトはソリッド スタイルの境界線です。
3. 境界線の構文
1. 4 つの境界線
border-left は、通常、左境界線のスタイルを設定するために使用されます。
border-right は、通常、右境界線を設定するために使用されます。ボーダースタイルのみ
border-top は上ボーダーを個別に設定するために使用されます
border-bottom は下ボーダーのスタイルを個別に設定するために使用される場合があります。下枠のスタイルは CSS の下線効果として適用できます。
2. 4つの辺に同じボーダーを持つボーダーの略称
#manong{border:1px Solid #00F}
3. ボーダーの3つのスタイル
通常、幅（太さ）、ボーダーのスタイル、境界線のプロパティとパラメータの境界線の色。
1) 枠線の色: border-color: #000
2) 枠線の太さ(幅): border-width: 1px
数字と単位を使用して枠線の太さの幅を設定します(例: 1px)(枠線の太さの幅は1です)ピクセル)、境界線は正の数、つまり 0 より大きい値である必要があります。それ以外の場合、境界線スタイルの設定は無効になります。
3) border ボーダースタイル: border-style:solid
ボーダースタイルの値は次のとおりです:
none: ボーダーなし。指定されたボーダー幅の値には依存しません
hidden: ボーダーを非表示にします。 IE は
をサポートしていません。点線: MAC プラットフォームの IE4+、WINDOWS および UNIX プラットフォームの IE5.5+ は点線です。それ以外の場合は、実線 (一般的に使用されます)
破線: MAC プラットフォームの IE4+、WINDOWS および UNIX プラットフォームの IE5.5+ は点線です。それ以外の場合は、実線 (よく使用されます)
solid: 実線の境界線 (よく使用されます)
double: 二重境界線。 2 本の単線の合計とその間隔は、指定された border-width の値と等しくなります
groove: border-color の値に基づいて 3D 溝を描画します
ridge: 値に基づいて菱形の境界線を描画しますborder-colorの値
inset : border-colorの値に従って3D凹エッジを描画
outset : border-colorの値に従って3D凸エッジを描画
cssボーダーまとめ:
CSS を使用して境界線スタイルを設定します。通常、省略された式を使用してオブジェクトの境界線スタイルを設定します。これにより、コードが節約され、コード機能が簡素化されます。単一の境界線を設定する場合でも、4 辺の境界線を設定する場合でも、オブジェクトに CSS スタイルを設定するために一般的に使用される属性コードは、CSS 境界線の最適化の略語である CSS 境界線コードを省略するように努めます: border:1px Solid #000;。
HTML border 属性は、テーブルを囲む境界線の幅を指定します。 border プロパティは、各セルに枠線を適用し、表を枠線で囲みます。 border プロパティの値が変更されると、テーブルの周囲の境界線のサイズのみが変更されます。表の内側の境界線の幅は 1 ピクセルです。 ヒント: 枠なしで表を表示するには、border="0" を設定します。 実用的な観点からは、境界線を指定せず、CSS を使用して境界線のスタイルと色を追加することが最善です。 html5 境界線属性の構文: html5 境界線属性 属性値: ピクセル: テーブルの境界線の幅を指定します。 HTML 5 次の HTML テーブルには、テーブルのセルの周囲に境界線が表示されます: 【関連する推奨事項】 HTMLエリアタグとは何を意味しますか? htmlエリアタグの使い方を詳しく解説 html5のソースタグの使い方は？ HTML5 ソースタグ属性の紹介 タグの border 属性の定義と使用法:
<body border="value">
境界線属性の例:
<table border="1">
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr>
<tr>
<td>二月</td>
<td>1500 元</td>
</tr>
</table>
以上がHTML5のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。