「table内のテキストは他のテキストより行間を狭くしたいんだよなぁ」table内のテキストの行間を指定する方法を解説します。【結論】tableにline-heightを指定するline-heightは行間を指定するCSSです。これをtableまたはtdおよびthに指定するとtable内のテキストの行間を指定できます。</tr></table>line-heightの数値line-heightで指定した数値が大きいほど行間が開き、小さいほど詰まります。高さが確保され、その上下中央に文字が置かれます。よって1行の上下の隙間は次のような式になります。{(指定した数値-1)÷2}×文字サイズややこしいですが、指定した数値が1.5なら0.25文字ずつ、2なら0.5文字ずつ、3なら1文字ずつ上下に行間ができます。2行以上になったとき、上と下分の隙間となるため、2なら0.5文字+0.5文字で1文字分開くことになります。line-heightの値に単位をつけてもいいですが、つけない場合文字サイズを基準としたサイズになります。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読むtdとテキストの空間はpaddingline-heightでは文字同士の行間をあけられますが、文字とtdの線の隙間は(あまり)あきません。tdとテキストの空間をあけたいときはtdおよびthにpaddingを使いましょう。</tr></table>【CSS】marginとは?paddingとは?両者の違い・使い分けについてmarginとpaddingはボックスの余白を調整するCSSです。marginとpaddingの使い方や違いについて説明します。この記事を読むpaddingの数値line-heightは文字の上下に隙間をつくります。1.2」と指定した場合、1行目の上と最終行の下にはそれぞれ0.1文字分の隙間ができます。よってpaddingを指定するときはこれを考慮するときれいな空間を作れます。1em」だけ指定すると上下がline-heightの0.1文字分だけ大きいです。よってその分縦を縮めるか横を広げるときれいになります。1.1em」と指定しています。0.1文字分ではさして違いはありませんが、0.5文字分あくと明らかに違ってきますので、値に応じて使ってみましょう。【まとめ】table内の行間を指定する方法line-heightをtableまたはtdおよびthに指定する。tdとテキストの空間をあけるにはtdおよびthにpaddingを指定する。以上、table内のテキストの行間を指定する方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。