表には表示したい境界コードが表示されます

表には表示したい境界コードが表示されます

テーブルの共通プロパティ

基本的な属性は、width (幅)、height (高さ)、border (境界線の値)、cellspacing (テーブルの内部幅、つまりテーブルと tr の間隔)、cellpadding (テーブル内の要素間の間隔、つまり tr と tr の間隔)、bordercolorlight (テーブルの明るい境界線の色)、bordercolordark (テーブルの暗い境界線の色)、bgcolor (テーブルの背景色)、background (テーブルの背景画像)、bordercolor (テーブルの境界線の色) です。

表の内部区切り線のプロパティ

3 つの値 (cols、rows、none) を持つパラメータ ルールが使用されます。

rules=cols の場合、表の水平区切り線は非表示になり、表の列のみが表示されます。

ルール = 行の場合、垂直の区切り線は非表示になり、表の行のみが表示されます。

ルールが none の場合、垂直および水平の区切り線は非表示になり、表の外枠のみが表示されます。

表の外側の区切りのプロパティ

テーブルの外側の境界線の表示と非表示は、frame パラメータによって制御できます。注意: これはテーブルの外側の境界線にのみ適用され、内部の端や線には適用されません。

上の境界線のみを表示する <table frame=above>

下の境界線のみを表示する <table frame=below>

左と右の境界線のみを表示する <table frame=vsides>

上と下の境界線のみを表示します <table frame=hsides>

左の境界線のみを表示する <table frame=lhs>

右の境界線のみを表示する <table frame=rhs>

境界線を表示しない <table frame=void>

XML/HTML コードコンテンツをクリップボードにコピー
  1. <  summary = "学生番号、名前、連絡先、住所を含む学生リスト。" >   
  2.      <キャプション>生徒リスト</キャプション>   
  3.      <スレッド>   
  4.          <番目 スコープ= " col " >数値</th>   
  5.          <番目 スコープ= " col " >名前</th>   
  6.          <番目  scope = "col" >連絡先電話番号</ th >   
  7.          <番目  scope = " col " >アドレス</th>   
  8.      </スレッド>   
  9.      < tfoot >   
  10.          < td   colspan = "4" >クラス教師: </ td >   
  11.      </ tfoot >   
  12.      < tボディ>   
  13.          < tr >   
  14.              < td > 1 </ td >   
  15.              < td >ジャムソン</ td >   
  16.              < td > 123-45678 </ td >   
  17.              < td > XX市XX区XX番地</ td >   
  18.          </tr>   
  19.          < tr >   
  20.              < td > 2 </ td >   
  21.              < td >グレース</ td >   
  22.              < td > 123-45678 </ td >   
  23.              < td > XX市XX区XX番地</ td >   
  24.          </tr>   
  25.          < tr >   
  26.              < td > 3 </ td >   
  27.              < td >めまい</ td >   
  28.              < td > 123-45678 </ td >   
  29.              < td > XX市XX区XX番地</ td >   
  30.          </tr>   
  31.      </ tbody >   
  32. </>       

<<:  MySQL マスタースレーブレプリケーションの実装手順

>>:  CSS3 カウントダウン効果

推薦する

Vue 日付時刻ピッカーコンポーネントの使い方の詳細な説明

この記事の例では、Vue の日付時刻ピッカーコンポーネントの具体的なコードを参考までに紹介します。具...

JS に依存せずにレスポンシブ レイアウトを実現する CSS3 モバイル vw+rem メソッド

1. はじめに(1)vw/vhの紹介使用する前に、vw と rem とは何か、その機能について簡単に...

MySQLデータベースの増分バックアップのアイデアと方法

MySQL データベースの増分バックアップを実行するには、データベース構成ファイル /etc/my....

Nginx の動的および静的分離実装ケースのコード分析

静的と動的の分離動的リクエストと静的リクエストはミドルウェアを通じて分離され、不要なリクエストの消費...

Linuxカーネルがプロセスアドレス空間に侵入し、プロセスメモリを変更する方法

プロセス アドレス空間の分離は、現代のオペレーティング システムの注目すべき機能です。これは、「古い...

Linux netstatコマンドの詳細な説明

目次Linux netstat コマンド1. TCP接続ステータスの詳細な説明2. コマンド形式3....

ウィンドウ表示効果を実現するJavaScript

この記事では、ウィンドウ表示効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

Google ブラウザのラベルと入力間のスペースに関する小さな問題

最初にコード、次にテキストコードをコピーコードは次のとおりです。 <!DOCTYPE html...

MySQL でコマンドを使用して階層検索を実現する方法の詳細な説明

序文この記事は主にMySQLコマンド階層検索ヘルプの使用に関する内容を紹介します。この記事のサンプル...

Dockerリポジトリの一般的なコマンドの詳細な説明

ログイン dockerログインdocker login コマンドを実行し、ユーザー名、パスワード、メ...

MySQL の DDL と DML についての簡単な説明

目次序文1. DDL 1.1 データベース操作1.2 データテーブルの操作1.3 一般的なデータ型1...

Vue2 と Vue3 でウォッチ リスナーを使用する方法

watch : データの変更を監視する(特定の値の変更イベント) vue2.x データ(){ 戻る ...

Dell R720 サーバーに Windows Server 2008 R2 をインストールする方法

注: この記事のすべての写真はインターネットから収集されたものであるため、DELL R720 サーバ...

Linux で pip 操作中にタイムアウトが発生する問題を解決する方法

Linuxインスタンスでpipを使用する際のタイムアウト問題を解決する方法pip は最も人気のある ...

JavaScript の実行コンテキストとコールスタックの詳細な説明

目次1. 実行コンテキストとは何か2. 実行コンテキスト スタックとは何ですか? 3. 実行コンテキ...