カテゴリー
CSS word-spacing

【CSS】word-spacing:単語の間隔を指定

(例)【CSS】word-spacingの使用方法

See the Pen
word-spacing
by linlin (@linlin098765)
on CodePen.

<div class="sample1">I am man.</div>
<div class="sample2">I am man.</div>
<div class="sample3">I am man.</div>
<div class="sample4">I am man.</div>
<div class="sample5">I am man.</div>
div.sample1 {word-spacing: 10px;}
div.sample2 {word-spacing: 30px;}
div.sample3 {word-spacing: -10px;}
div.sample4 {word-spacing: 50%;}
div.sample5 {word-spacing: -50%;}

【CSS】word-spacing:単語の間隔を指定

 CSSのword-spacingは、単語の間隔を指定するプロパティです。負の値も指定可能です。

  • normal
    スペース0(初期値)
  • 数値
    px, em,exなどで指定
  • %
    文字幅に対するパーセント分を指定