Text Justify
テキストの行を両端揃えをします。
text-alignでは、両端揃えが日本語の場合うまく処理できない場合があります。text-justifyで言語応じた両端揃えを選択できます。
日本語の場合、DISTRIBUTEやINTER-IDEOGRAPHが適しています。
このプロパティを使用する場合、TEXT-ALIGNでJUSTIFYを設定しなければなりません。
●関連プロパティ
TEXT-ALIGN | TEXT-AUTOSPACE | TEXT-KASHIDA-SPACE | TEXT-AUTOSPACE | LINE-BREAK
{ text-justify: auto | distribute | distribute-all-lines | inter-cluster | inter-ideograph | inter-word | newspaper }
ブラウザに依存
ブラウザ処理に依存しての両端揃えをします。
{ text-justify: auto }
<p style="text-justify: auto; text-align: justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
単語と文字間隔を調整
単語間隔と文字間隔を調整して両端揃えをします。
{ text-justify: distribute }
<p style="text-justify: distribute; text-align: justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
最終行を調整均等割付
単語間隔と文字間隔を調整して両端揃えをします。ただし最終行は、均等割付されます。
{ text-justify: distribute-all-lines }
<p style="text-justify: distribute-all-lines; text-align:
justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
単語間隔なしテキストの調整
単語間隔を持たないテキストを両端揃えをます。
{ text-justify: inter-cluster }
<p style="text-justify: inter-cluster; text-align:
justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
漢字タイプテキストの調整
日本語・中国語・韓国語など漢字テキストタイプを単語間隔と文字間隔を調整して両端揃えをます。
{ text-justify: inter-ideograph }
<p style="text-justify: inter-ideograph; text-align:
justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
単語の間隔のみ調整
単語の間隔のみを調整して両端揃えをします。
{ text-justify: inter-word }
<p style="text-justify: inter-word; text-align: justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
欧文単語と文字間隔を調整
単語間隔と文字間隔を調整して両端揃えをます。ただし、割付方法はブラウザの処理に依存します。欧文に適した両端揃え方法とされています。
{ text-justify: inter-newspaper }
<p style="text-justify: inter-newspaper; text-align:
justify;">
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の....</p>
Dynamic HTMLは、Microsoft® Internet Explorer 4.0の革新的な機能の1つである。 Dynamic HTMLにより、オーサーはドキュメントのレンダリングとコンテントを動的に変更でき、視覚的に優れたHTMLドキュメントを作成できる。
Dynamic HTMLドキュメントでは、これらの変更はユーザーとの対話によって可能となるため、サーバー側のプログラムや、特殊効果を実現する複雑なHTMLページに依存することがない。
Dynamic HTML (DHTML) is a set of innovative features in Microsoft® Internet
Explorer 4.0.
By enabling authors to dynamically change the rendering and content of a
document, DHTML gives authors the ability to create visually outstanding
HTML documents that interact with the user without the burden of relying
on server-side programs or complicated sets of HTML pages to achieve special
effects.
 |
 |
|---|
