word-spacing(英単語の間隔)

word-spacingスタイルは、英単語間隔の半角スペースを区切りとみなし、その間隔を設定する。

★IE6で確認すると、日本語にも対応････、単語とは関係なく、要するにスペース間隔を設定するもの（･･･とみた）
★マイナス(-)の値も可能で、マイナス(-)値を大きくしていくと文字が重なり、さらに入れ替わっていく。ところが英単語では重なるまでで入れ替わらない？？。（下の[-]ボタンを押し続けて確認してください）

CSS1 Word Spacing Style

日本語の間隔もこのように

間隔を10pxずつ増減--→ 現在のword-spacing間隔は:30px

●Script ･･･wordSpacingプロパティ

書式･･･ Object.style.wordSpacing = 設定値;
設定値＜normal＞･･･(デフォルト)プラウザ標準の単語間隔(ユーザーの環境に依存)
設定値＜数値 + 単位＞･･･通常間隔への増分値を指定（%指定はできない）

HTML Source......................................................................>>>

<style type="text/css">
<!--
  div {width:80%;border:1px solid green;color:navy;
       font:14px;text-align:center;word-spacing:30px;
       overflow:hidden;white-space:nowrap;}
-->
</style>
  
<script language="JavaScript"><!--
s = 30;  //word-spacingの初期値
function Space(flg){
  if(!document.getElementById)return;//IE5以降、NN6以降でない場合以下の処理をしない
  if(flg)s = s + 10;
  else s = s - 10;
  dv1.style.wordSpacing = s +"px";
  dv2.style.wordSpacing = s +"px";
  info.innerText = s;
}
//--></script>
</head>
  
<body>
<div id="dv1">CSS1 Word Spacing Style</div>
<div id="dv2">日本語の 間隔も こ の よ う に</div>
間隔を10pxずつ増減--→<button onclick="Space(true)">＋</button>
    <button onclick="Space(false)">ー</button>
現在のword-spacing間隔は:<span id="info" style="color:red;font:18px">30</span>px

end(02/10/20)