HTML テーブル境界コントロールの詳細な説明

HTML テーブル境界コントロールの詳細な説明
上の境界線のみを表示する <table frame=above>
下の境界線のみを表示する <table frame=below>
左と右の境界線のみを表示する <table frame=vsides>
上と下の境界線のみを表示します <table frame=hsides>
左の境界線のみを表示する <table frame=lhs>
右の境界線のみを表示する <table frame=rhs>
境界線を表示しない <table frame=void>

コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<title>表の境界線を非表示</title>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8">
<スタイル タイプ="text/css">
本文 { 色:"#ffffff";
フォントファミリー: "宋体";
フォントサイズ: 12px;
上マージン: 4;
}
.t {
境界線: #000000; 境界線スタイル: solid; 境界線幅: 1px
}
td {
フォント ファミリ: "Tahoma"、"MS Shell Dlg"、フォント サイズ: 12px
}
テキストエリア {境界線: 1 実線 #000000"}
</スタイル>
</head>
<body bgcolor="#999999" テキスト="#000000">
<中央>
<テーブルの幅="600" 境界線="0" セル間隔="0" セルパディング="8" クラス="t">
<tr>
<td>
<表の境界線="1" 幅="200" セルパディング="0" セル間隔="0">
<tr align="center">
<td>公開</td>
<td>表</td>
</tr>
<tr align="center">
<td>合格</td>
<td>グリッド</td>
</tr>
</テーブル>
</td>
<td>これは通常のテーブルです</td>
</tr>
<tr>
<td>

<テーブルの幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=上>
<tr align="center">
<td>頭</td>
<td>トップ</td>
</tr>
<tr align="center">
<td>はい</td>
<td>日</td>
</tr>
</テーブル>

</td>
<td>上の境界線のみ表示</td>
</tr>
<tr>
<td>
<テーブルの幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=下>
<tr>
<td align="center">足</td>
<td align="center">次へ</td>
</tr>
<tr>
<td align="center">はい</td>
<td align="center">地面</td>
</tr>
</テーブル>
</td>
<td>下の境界線のみを表示する</td>
</tr>
<tr>
<td>

<テーブル幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=vsides>
<tr>
<td align="center">空に届く方法はありません</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center">地面に触れない</td>
</tr>
</テーブル>

</td>
<td>左と右の境界線のみを表示する</td>
</tr>
<tr>
<td>
<表の境界線="1" セル間隔="0" セルパディング="0" フレーム=hsides width="200">
<tr>
<td align="center">両側を削除します</td>
<td></td>
</tr>
<tr>
<td></td>
<td align="center">「王」という文字だけが残ります</td>
</tr>
</テーブル>
</td>
<td>上と下の境界線のみを表示する</td>
</tr>
<tr>
<td>

<テーブルの幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=lhs>
<tr>
<td width="100" align="center">のみ</td>
<td width="100" align="center">はい</td>
</tr>
<tr>
<td align="center">左</td>
<td align="center">サイド</td>
</tr>
</テーブル>

</td>
<td>左の境界線のみを表示する</td>
</tr>
<tr>
<td>
<テーブルの幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=rhs>
<tr>
<td width="100" align="center">のみ</td>
<td width="100" align="center">はい</td>
</tr>
<tr>
<td align="center">右</td>
<td align="center">サイド</td>
</tr>
</テーブル>
</td>
<td>右の境界線のみを表示する</td>
</tr>
<tr>
<td>

<テーブルの幅="200" 境界線="1" セル間隔="0" セルパディング="0" フレーム=void>
<tr>
<td align="center">周辺</td>
<td align="center">削除</td>
</tr>
<tr>
<td align="center">のみ</td>
<td align="center">中央</td>
</tr>
</テーブル>
</td>
<td>境界線を表示しない</td>
</tr>
<tr>
<td colspan="2">
<hr size="1" color=黒>
テーブル境界線の表示と非表示は、frame パラメータによって制御できます。これはテーブルの境界線の画像のみを制御し、セルには影響しないことに注意してください。

上の境界線のみを表示します &lt;table frame=above&gt;

下の境界線のみを表示します &lt;table frame=below&gt;

左と右の境界線のみを表示します &lt;table frame=vsides&gt;

上部と下部の境界線のみを表示します &lt;table frame=hsides&gt;

左の境界線のみを表示します &lt;table frame=lhs&gt;

右の境界線のみを表示します &lt;table frame=rhs&gt;

境界線を表示しない&lt;table frame=void&gt;</td>
</tr>
</テーブル>
</center>
</本文>
</html>

<<:  熟練デザイナーの7つの原則(2):色の使い方

>>:  CSS リセットスタイルリセットの実装例

推薦する

Sublime TextがUbuntuで中国語を入力できない問題の最も簡単な解決策

崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...

Dockerコンテナを終了した後も実行を継続する方法

現象:イメージを実行します (例: ubuntu14.04)。 docker run -it --r...

HTML の <input> タグの詳細な説明と、それを無効にする方法

定義と使用法<input> タグはユーザー情報を収集するために使用されます。 type ...

インライン要素スパンの最小高さの定義

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...

jsオブジェクトの読み取り速度の詳細な例

1. リテラルとローカル変数へのアクセスは最も高速ですが、配列要素とオブジェクト メンバーへのアクセ...

MySQLにおける分散ロックの考え方をDBの助けを借りて詳しく説明します

序文スタンドアロン ロックであっても分散ロックであっても、共有データに基づいて現在の操作の動作を判断...

Linux のファイル権限とグループ変更コマンドの詳細な説明

Linux では、すべてがファイルであり (ディレクトリもファイルです)、各ファイルにはユーザーに対...

Html/Css (初心者が最初に読むべきガイド)

1. Web標準の意味を理解する - なぜWeb標準を採用するのか***** コンテンツとスタイル...

MySQLデータベースの名前を高速かつ安全に変更する方法(3種類)

目次MySQLデータベースの名前を変更する方法最初の方法: データベースの名前を変更することは非推奨...

JavaScript 基礎シリーズ: 関数とメソッド

目次1. 関数とメソッドの違い2. 良い関数の書き方2.1 正確な命名2.1.1 関数の命名2.1....

HTML における src と href の違いについての簡単な説明

簡単に言うと、srcは「このリソースをロードしたい」という意味で、hrefは「このリソースに関連付け...

vue router-view のネストされた表示実装

目次1. ルーティング構成2. Vueページのネスト3. ネストされた関係1. ルーティング構成 定...

Websocket に基づくシンプルなチャットルームダイアログの実装

この記事では、WebSocketを使用して簡単なチャットルームの会話を実装するための具体的なコードを...

JavaScript 配列の include と Reduce の基本的な使用法

目次序文配列.プロトタイプ.includes文法パラメータ戻り値例配列プロトタイプの削減文法パラメー...

CSSのline-heightを継承する方法

Line-height はどのように継承されますか?30px などの特定の値を書き込むと、この値が継...