特に見出しやアンカーテキストに使用されるアンダーラインですが、普段何気なく使っていますよね。でもアンダーラインを引く方法はいくつかあります。一体どの方法が一番いいのでしょうか?ここでいくつかの方法とその長所/短所を紹介していきたいと思います。 HTMLやCSSでアンダーラインを引く各方法の長所と短所 (1) text-decorationを使ったアンダーライン 「text-decoration」はアンダーラインを引く最も簡単な方法です。小さなフォントでもきちんと見えますが、フォントを大きくするにつれ見苦しくなります。 一方で、最大の問題点はカスタマイズ性を欠くことです。適用するテキストにはすべて同一の色とフォントサイズを指定し、スタイルを変更することができません。 【良い点】 利用しやすい ベースラインの下にアンダーラインを引ける iOS Safariではデフォルトでディセンダー(小文字の
![Webデザイナー必見!CSSを使ったアンダーライン3種【各メリット・デメリットも解説】](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec143776a30f9cd6f034263b1ea66cb2f3ae6cee/height=288;version=1;width=512/https%3A%2F%2Fwww.seleqt.net%2Fwp-content%2Fuploads%2F2016%2F10%2Funderlines.png)