表の境界線の 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 をインストールするための詳細なチュートリアル (バイナリ インストール)

推薦する

sed コマンドを使用して文字列を置換する Linux チュートリアル

文字列を置き換えるには、次の形式を使用する必要があります。 $ sed s/置換対象文字列/置換文字...

Angularコンポーネントの仲介モードの詳細な説明

目次1. 仲介業者モデル2. 例1. 見積コンポーネントに購入ボタンを追加する2. 親コンポーネント...

CentOS7 インストール GUI インターフェースとリモート接続の実装

ブラウザ (Web ドライバー) ベースの Selenium テクノロジを使用してデータをクロールす...

効果的なウェブフォームのための 8 つのルール

ユーザーから情報を収集する場合、Web フォームを使用するより簡単で直接的な方法はありません。適切に...

Velocity.js はページスクロール切り替え効果を実装します

今日は、複数ページのスクロール切り替え効果を備えた Web サイトを簡単かつ効率的に開発できる、小さ...

phpstudy から Linux への MySQL の移行に関するチュートリアル

プロジェクトの目的元のWindows環境でphpstudyを使用して構築されたMySQL 5.5.5...

ファイルアップロードスタイルの詳細を実装するjs

目次1. 概要2. オブジェクト作成のパラメータ3. 監視例4. 使用方法5. ソースコード1. 概...

Dockerデータストレージの概要

この記事を読む前に、ボリューム、バインドマウント、tmpfs マウントの基本を理解しておいてください...

Nginx 構成 クロスドメイン リクエスト Access-Control-Allow-Origin * 詳細な説明

序文403 クロスオリジン エラーが発生しNo 'Access-Control-Allow-...

ServerManager の起動時にデータベースに接続できないエラーを解決する方法

Servermanager 起動時の接続データベース エラーmgrstart.batを実行しますエラ...

Vueは時間カウントダウン機能を実装する

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。必要:...

MySQLサービスを削除する具体的な方法

MySQLは次のエラーを表示します「コントロール パネル -> 管理ツール -> サービ...

nginx ロードバランシングを介して https にリダイレクトする方法

ウェブ上で証明書とキーをコピーするscp -rp -P52113 /application/ngin...

ページのスクロールバーを無効にするには、overflow: hiddenを使用します。

コードをコピーコードは次のとおりです。 html {オーバーフロー: 非表示; }体{オーバーフロー...

HTML入力で値が変更されたときにリスナーイベントを追加することの簡単な分析

達成される効果多くの場合、入力ボックスの値の変化をリアルタイムで監視し、ブラウザを誘導してウェブサイ...