TECH I.S.

HTML テーブルのパディングとスペース


HTML テーブルでは、セル内のパディングとセル間のスペースを調整できます。


パディングあり
こんにちは こんにちは こんにちは
こんにちは こんにちは こんにちは
こんにちは こんにちは こんにちは
間隔あり
こんにちは こんにちは こんにちは
こんにちは こんにちは こんにちは
こんにちは こんにちは こんにちは

HTML テーブル - セルのパディング

セルのパディングは、セルの端とセルのコンテンツの間のスペースです

デフォルトでは、パディングは 0 に設定されています。

表のセルにパディングを追加するには、CSS を使用しますpadding財産:

th, td{   padding: 15px; }

自分で試してみる »

コンテンツの上にのみパディングを追加するには、padding-top財産。

そして他の側はpadding-bottompadding-left、とpadding-rightプロパティ:

th, td{   padding-top: 10px;   padding-bottom: 20px;   padding-left: 30px;   padding-right: 40px; }

自分で試してみる »


HTML テーブル - セル間隔

セル間隔は、各セル間のスペースです。

デフォルトでは、スペースは 2 ピクセルに設定されています。

表のセル間のスペースを変更するには、CSS を使用しますborder-spacing上のプロパティtableエレメント:

table{   border-spacing: 30px; }

自分で試してみる »




プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細