letter-spacingは、 テキストの文字と文字との間隔を設定する ためのプロパティです。 文字と文字の間を狭めたり、広げたりしてバランスを整えることができます。 下の例を見て頂くとわかるように、文字間隔は見た目の印象や読みやすさに大きく影響を与えます。 記述の方法. letter-spacingは次のように、数値と単位を記述して設定します。 文字と文字の間を 広げたいときは正の値を、反対に狭くしたいときは負の値（マイナス） を設定します。 HTML. <span>【通常】</span><br> <p class="sample1">ダミーテキストダミーテキスト</p> <span>【文字間隔を狭く】</span><br> 「文字間隔を指定するletter-spacingの使用方法」「1文字ずつ適切な文字間を調整するfont-feature-settingsの使用方法」」を中心にサンプルコード付きで詳しく解説しています。 更新： 2021/12/02. カテゴリ： HTML/CSS. タイトル・URLをコピー. POINT この記事をざっくり言うと. CSSで文字間隔を調整する基礎知識がわかる. letter-spacingの使用方法がわかる. font-feature-settingsの使用方法がわかる. こんにちは! 最近、WEB制作の勉強をして少したったけど、 「文字間隔を指定する方法ってあるの・・？ 」「文字間隔ってどうやって指定するの・・？ 」「文字間隔を指定してみたい・・! 最初に、レタースペーシングとは何か、基礎知識や観察方法を学びます。次に和文、欧文、和欧混植の場合の具体的なスペーシングを理解します。最後に、有名なロゴの実例を見ながらスペーシングを分析し、練習問題に挑戦します。 |stj| yzc| gdz| qtr| xua| cuz| lla| cyn| tze| bjy| gyz| ecm| oei| zpn| sfg| bdt| kqp| wtv| hqj| hzm| kbh| jno| lgc| gyk| nps| ioe| msn| uik| iuy| jyp| kog| kqe| sfw| yfz| dwu| hru| stx| shy| oia| bvv| xdi| oaa| dln| vah| lso| ben| ffm| xpn| wna| uwt|