HTML5のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要-H5 チュートリアル-php.cn

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のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要

html5 border 属性属性値:

HTML5のボーダー属性を設定するにはどうすればよいですか? 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 プロパティは、各セルに枠線を適用し、表を枠線で囲みます。 border プロパティの値が変更されると、テーブルの周囲の境界線のサイズのみが変更されます。表の内側の境界線の幅は 1 ピクセルです。

ヒント: 枠なしで表を表示するには、border="0" を設定します。

実用的な観点からは、境界線を指定せず、CSS を使用して境界線のスタイルと色を追加することが最善です。

html5 境界線属性の構文:

<body border="value">

ログイン後にコピー

html5 境界線属性属性値:

ピクセル: テーブルの境界線の幅を指定します。

HTML 5

境界線属性の例:

次の HTML テーブルには、テーブルのセルの周囲に境界線が表示されます:

<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 ソースタグ属性の紹介

以上がHTML5のボーダー属性を設定するにはどうすればよいですか? HTML5テーブルのborder属性の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。