表の境界線の CSS 構文

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

構文: border-width: <値>
許容値: [ 薄い | 中程度 | 厚い | <長さ> ]{1,4}
初期値: 未定義 適用対象: すべてのオブジェクト 下位互換性: いいえ border-width プロパティは、1 ~ 4 つの値を使用して要素の境界線を設定します。値はキーワードまたは長さです。負の長さは許可されません。 4 つの値を指定すると、それぞれ上、右、下、左の境界線のスタイルに適用されます。値を指定すると、すべてのエッジに適用されます。 2 つまたは 3 つの値が与えられた場合、省略された値は対辺に等しくなります。 このプロパティは、border-top-width、border-right-width、border-bottom-width、border-left-width プロパティの省略形です。短縮形の border プロパティも使用できます。
前のページ1 2 3 次のページ 続きを読む

<<:  VUE ユニアプリカスタムコンポーネントについての簡単な説明

>>:  Redhat 7.3 に MySQL 8.0.22 をインストールするための詳細なチュートリアル (バイナリ インストール)

推薦する

sqlとmysqlの違いは何ですか?

SQL とは何ですか? SQL はデータベースを操作するために使用される言語です。 SQL はすべ...

Tomcatでcatalina.batがUTF-8に設定されている場合、コンソールに文字化けした文字が表示されます

1. catalina.bat は UTF-8 に設定する必要があります。UTF-8 に設定しないと...

HTML テーブルタグチュートリアル (7): 背景色属性 BGCOLOR

テーブルの背景色は、BGCOLOR 属性を通じて設定できます。基本的な構文<テーブル BGCO...

ウェブページのフラッシュアニメーションが表示されない問題の解決策

<br />解決手順は次のとおりです。スタート -> 実行 -> reged...

純粋なCSSでデジタルプラスとマイナスボタンを実装するための最適なソリューション

序文:デジタル加算ボタンと減算ボタンの実装には、次のような多くのソリューションがこれまでに使用されて...

WeChatアプレットはシンプルなチャットルームを実装します

この記事では、WeChatアプレットの具体的なコードを共有し、簡単なチャットルームを実装します。具体...

JavaScript DOMContentLoaded イベントのケーススタディ

DOMContentLoaded イベント文字通り、DOM がロードされた後に実行されます。 win...

Linux でソースインストールされたパッケージを簡単に削除する方法

ステップ1: Stowをインストールするこの例では CentOS を使用しているため、拡張 EPEL...

MySQL のスロークエリの方法と例

1. はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメン...

MySQL の高度な機能 - データ テーブル パーティショニングの概念とメカニズムの詳細な説明

目次パーティション分割メカニズムSELECTクエリINSERT操作DELETE操作更新操作パーティシ...

Alibaba Cloud Centos7.X で外部にポートを開く方法

一言で言えば、大手メーカーからクラウド サーバーを購入する場合は、セキュリティ グループに移動して、...

JavaScript 関数をよりエレガントにする方法

目次分割代入を使用したオブジェクトパラメータコールバック関数の命名条件文を説明的にするスイッチ文をM...

JSは星を消すケースを実現する

この記事の例では、星を消すためのJSの具体的なコードを参考までに共有しています。具体的な内容は次のと...

Vue パッケージ化後の空白ページの解決策

1. vue-cli がプロジェクト パッケージを作成した後にページが空白になる問題の解決方法コマン...

Windows での Apache+Tomcat7 負荷分散構成方法の詳細な説明

準備Windows Server 2008 R2 Enterprise (2.40GH、8GB、64...