Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用

Web ページ制作におけるテーブル属性 CellPad、CellSpace、Border の説明と使用
cellspacing は表内のセル間の距離です。
セルパディングは、表のセル内の空白スペースです。
一般的には外部パッチと内部パッチと呼ばれ、divとspanに適用されるマージンとパディングに似ています。
セルに境界線を追加し、cellpadding と cellspacing の値を変更して何が起こるか試してみることができます。
例えば​​:

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

<テーブル>
<tr>
<td style="セル間隔:10px;セルパディング:10px;境界線:1px 実線 #CCCCCC;">
</td>
<td style="セル間隔:10px;セルパディング:20px;境界線:1px 実線 #CCCCCC;">
</td>
</tr>
</テーブル>

これは、td の境界とテーブルの端の間に 10 ピクセルのパッチ (セル間隔) があり、td の境界と td の内部要素の間に 20 ピクセルのパッチ (セル パディング) があることを意味します。

その他のテーブルプロパティについては、以下を参照してください
プロパティ ______________説明
width_______________テーブルの幅
高さ_______________テーブルの高さ
align_______________ページ上の表の水平位置
background_________ 表の背景画像
bgcolor____________テーブルの背景色
border_____________表の境界線の幅(ピクセル単位)
bordercolor________ テーブルの境界線の色
bordercolorlight_____表の境界線の明るい部分の色
bordercolordark____表の境界線の暗い部分の色
セル間隔________セル間の間隔
セルパディング________セルの内容とセルの境界線の間のスペースの量

<<:  17の広告効果測定の解釈

>>:  MySQL 8.0 の非表示列に対する基本操作

推薦する

MySQL ストアド プロシージャの概念、原則、一般的な使用法の詳細な説明

この記事では、例を使用して、MySQL ストアド プロシージャの概念、原則、および一般的な使用法につ...

Docker で Nginx イメージ サーバーを構築する方法

序文一般的な開発では、画像をディレクトリにアップロードし、ディレクトリとファイル名を連結してデータベ...

レンダリング関数を使用して、拡張性の高いコンポーネントをカプセル化する

必要:バックグラウンド管理では、次のようなレイアウトでデータを表示する必要があることがよくあります。...

nginxフォワードプロキシとリバースプロキシの詳細な説明

目次フォワードプロキシnginx リバースプロキシnginx リバースプロキシ 02リバースプロキシ...

JavaScript parseInt() と Number() の違いのケーススタディ

学習目標: parseInt() と Number() という 2 つの関数は、文字列をデータ型に変...

Linux での感嘆符コマンド (!) の使用の概要

序文最近、弊社では mbp の設定をしており、ssh を使うことが多くなりました。複雑なコマンドを書...

Windows に MySQL 5.7.18 の解凍バージョンをインストールするチュートリアル

1. インストールプロセスMySQL バージョン: 5.7.18 1. my.ini ファイル(簡易...

ROS2のインストールとdocker環境の使い方について

目次Docker を使用する理由は何ですか? DockerのインストールROSイメージを取得するRO...

広告を閉じるための JavaScript カウントダウン

広告を閉じるまでのカウントダウンを実装するために JavaScript を使用するまだフロントエンド...

mysql5.7.20 のインストールと設定方法のグラフィック チュートリアル (mac)

MySQL 5.7.20のインストールと設定方法のグラフィックチュートリアルをあなたと共有します1...

Ubuntu mysqlログイン名とパスワードを表示および変更し、phpmyadminをインストールする

MySQLをインストールした後、ターミナルでmysql -u root -pと入力してEnterを押...

無視されたDOCTYPE記述の分析

doctype もその 1 つです。 <!DOCTYPE HTML PUBLIC "...

MySQLがトランザクション分離を実装する方法の簡単な分析

目次1. はじめに2. RC および RR 分離レベル2.1. RRトランザクション分離レベルでのク...

XML構文の詳細な説明

1. 文書化ルール1. 大文字と小文字が区別されます。 2. 属性値は引用符(一重引用符または二重引...

デザインスキルを向上させる良い方法

いわゆる才能(左脳と右脳)つまり、芸術的な才能があるかどうかは、人間の左脳と右脳の分業によって主に決...