Text Autospace
日本語・中国語･韓国語など漢字テキストと欧文が混在したテキストの場合、漢字テキストと半角文字や欧文との間の空きを調節します。
●関連プロパティ
{ text-autospace: ideograph-alpha | ideograph--numeric | ideograph-parenthesis | ideograph-space | none }
アルファベットに空白を付ける
和文と欧文の間に空白をつけます。
サンプルの、下は指定していない場合です。
{ text-autospace: ideograph-alpha }
<p style="text-autospace: ideograph-alpha; line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
<p style="line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
数字に空白を付ける
和文と半角数字の間に空白をつけます。
サンプルの、下は指定していない場合です。
{ text-autospace: ideograph-numeric }
<p style="text-autospace: ideograph-numeric; line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
<p style="line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
半角文字に空白を付ける
和文と半角文字の間に空白をつけます。
サンプルの、下は指定していない場合です。
{ text-autospace: ideograph-parenthesis }
<p style="text-autospace: ideograph-parenthesis; line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
<p style="text-autospace: ideograph-alpha; line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
欧文との空白をより広く取る
和文と欧文の間により広い空白をつけます。
サンプルの、下は指定していない場合です。
{ text-autospace: ideograph-space }
<p style="text-autospace: ideograph-space; line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
<p style="line-height: 1.5em; text-align: justify; text-justify: distribute; >Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な...</p>
Dynamic HTMLは、Microsoft®（マイクロソフト） Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
 |
 |
|---|
