Letter Spacing
テキストの字送りを指定します。字送りを＋値で広げたり、− 値で狭めたりできます。値は、絶対値・相対値で指定します。パーセントは使用できません
{ letter-spacing : Absolute Size | Relative Size | Percentage }
絶対値で指定
絶対値で、字送りを−で狭め、＋で広げます。
行全体に指定した場合、行端文字にもスペースが取られますから、センター揃えの場合やや左に寄ります。
{ letter-spacing : length in | length cm | length mm | length pt | length pc | length px }
<p style="letter-spacing: 0pt; font-size: 14pt;">Letter Spacing 0pt</p>
Letter Spacing 0pt
<p style="letter-spacing: 7pt; font-size: 14pt;">Letter Spacing 7pt</p>
Letter Spacing 7pt
<p style="letter-spacing: -1pt; font-size: 14pt;">Letter Spacing -1pt</p>
Letter Spacing -1pt
相対値で指定
文字の大きさとの相対値で、字送りを−で狭め、＋で広げます。
行全体に指定した場合、行端文字にもスペースが取られますから、センター揃えの場合やや左に寄ります。
{ letter-spacing : length em | length ex }
<p style="letter-spacing: 0em; font-size: 14pt;">Letter Spacing 0em</p>
Letter Spacing 0em
<p style="letter-spacing: 0.5em; font-size: 14pt;">Letter Spacing 0.5em</p>
Letter Spacing 0.5em
<p style="letter-spacing: -0.1em; font-size: 14pt;">Letter Spacing -0.1em</p>
Letter Spacing -0.1em
字送りを詰める
−で、字送りを詰まりますが、DTPソフトのように一文字ずつ詰めることはできません。<SPAN>で文字に指定した場合、サンプルのような表示になります。
<p style="letter-spacing: -7pt; font-size: 16pt;
color: rgb(255,128,0);">
D<span style="letter-spacing: 7pt;">HTML</span></p>
DHTML
<p style="letter-spacing: 7pt; font-size: 16pt; color:
rgb(255,128,0);">
D<span style="letter-spacing: 14pt;">HTML</span></p>
DHTML
 |
 |
|---|
