letter-spacing

スタイルシート属性letter-spacingは、各文字間のスペースの大きさを指定します。

すべての要素に対して指定可能。

書式

letter-spacing: space

属性値

space
各文字間のスペースの大きさを数値と単位で指定するか、次に示す値を指定します。
意味
normal通常(規定値)
inherit継承

対応状況

Webブラウザ対応状況
Internet Explorer 6.0
FireFox 3.0
Google Chrome 0.3
Opera 9.62
Safari 3.2.1

使用例と表示サンプル

次にスタイルシート属性 letter-spacing を使用したHTMLの例を示します。

<p style="letter-spacing: 0em">This is sample.</p>
<p style="letter-spacing: 0.5em">This is sample.</p>
<p style="letter-spacing: 1em">This is sample.</p>

This is sample.

This is sample.

This is sample.

word-spacing

スタイルシート属性 word-spacing は、各単語間のスペースの大きさを指定します。

すべての要素に対して指定可能。

書式

word-spacing: space

spaceには各単語間のスペースの大きさを数値と単位で指定するか、次に示す値を指定します。

意味
normal通常(規定値)
inherit継承

対応状況

Webブラウザ対応状況
Internet Explorer 6.0
FireFox 3.0
Google Chrome 0.3
Opera 9.62
Safari 3.2.1

次にスタイルシート属性 word-spacing を使用したHTMLの例を示します。

<p style="word-spacing: 0em">This is sample.</p>
<p style="word-spacing: 0.5em">This is sample.</p>
<p style="word-spacing: 1em">This is sample.</p>

This is sample.

This is sample.

This is sample.

text-autospace

スタイルシート属性text-autospaceは、全角文字と半角文字とのスペースを指定します。

書式

text-autospace: mode ...

属性

mode
属性値は半角スペースで区切って複数指定できます。
意味
none入れない(規定値)
ideograph-alpha日本語の文字と英文字の間にスペースを入れる
ideograph-numeric日本語の文字と数字の間にスペースを入れる
ideograph-parenthesis日本語の文字と括弧の間にスペースを入れる
ideograph-space日本語の文字に適したスペースを入れる

対応状況

Webブラウザ対応状況
Internet Explorer 6.0
FireFox 3.0×
Google Chrome 0.3×
Opera 9.62×
Safari 3.2.1×

使用例と表示サンプル

次にスタイルシート属性text-autospaceを使用したHTMLの例を示します。文字のサイズを最大にして辛うじてわかる程度の微妙な違いです。

<p style="font-size: xx-large; text-autospace: none">人口40人(推定)の町jorge townに来た。</p>
<p style="font-size: xx-large; text-autospace: ideograph-alpha">人口40人(推定)の町jorge townに来た。</p>
<p style="font-size: xx-large; text-autospace: ideograph-numeric">人口40人(推定)の町jorge townに来た。</p>
<p style="font-size: xx-large; text-autospace: ideograph-parenthesis">人口40人(推定)の町jorge townに来た。</p>
<p style="font-size: xx-large; text-autospace: ideograph-space">人口40人(推定)の町jorge townに来た。</p>

人口40人(推定)の町jorge townに来た。

人口40人(推定)の町jorge townに来た。

人口40人(推定)の町jorge townに来た。

人口40人(推定)の町jorge townに来た。

人口40人(推定)の町jorge townに来た。