「tableは幅が狭いから、一回り文字サイズを小さくしたい!」tableのフォントサイズを指定する方法を解説します。【結論】tableにfont-sizeを指定tableのフォントサイズを指定するには、tableにfont-sizeを指定します。font-sizeは文字サイズを指定するCSSです。下記はtableにfont-sizeを指定した例です。tableの上下にある「上の文字」と「下の文字」と比較して小さくなっていることがわかります。</tr></table><p>下の文字</p>font-sizeは子孫要素に継承するため、tableに指定するとtableの中身すべての文字サイズが変わります。font-sizeの単位はpx、%、emなどがあります。%やemで指定するのがおすすめで、この場合親要素の文字サイズに対して相対的な文字サイズになります。px指定するとカンタンにイメージ通りのサイズになります。ユーザーによっては文字サイズを大きくしたいこともあります。px指定するとユーザー側で文字サイズを変えられない場合があります。%やemなら大丈夫です。文字サイズの初期値は16pxです。75%」を指定すると「16px(初期値)×75%=12px」となります。CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。特定のセルの文字サイズだけ変えたいときはそのセル(td)にclassをつけたうえでfont-sizeを指定しましょう。</tr></table><p>下の文字</p>【注意】font-sizeは継承され、かけ算されるfont-sizeを%やemで指定した場合、親のfont-sizeを継承し、かけ算されます。先述したように%やemは親要素の文字サイズに対して相対的な文字サイズになります。150%」を指定した場合「16px(初期値)×75%×150%=18px」となります。目当ての大きさになるように逆算しましょう。うまくいかないときは下記を参照してください。「思った通りの文字サイズにならない!?」font-sizeを指定しても文字サイズが変わらない原因と対応方法を解説します。この記事を読む【まとめ】tableのフォントサイズを指定する方法tableにfont-sizeを指定する。特定のセルの文字サイズだけ変えたいとき→そのtdにfont-sizeを指定ただし、font-sizeは継承され、かけ算されるため、目当ての大きさになるように逆算する。以上、tableのフォントサイズを指定する方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。