HOME >> スタイルシート > 文字を均等割付にする

point 文字を均等割付にする

text-justify:
指定できる値
キーワードで指定
distribute-all-lines  均等割付にする
auto 普通に表示される
文字を均等割付にするには、text-justifyプロパティを使用します。
均等割付とは、文字と文字の間隔を調整してある範囲に均等に文字を並べることをいいます。
このプロパティを使えば均等割付が出来ますが、前に説明した、text-alignプロパティの値にjustifyを指定し、これと一緒に指定しなければ、均等割付することが出来ません。
値にautoを指定すれば、普通に表示されます。なお、Netscapeではこのプロパティは機能しません。
サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)

均等割付です

ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
<STYLE type="text/css">
<!--
H1 { text-align:justify ; 
     text-justify:distribute-all-lines;}
-->
</STYLE>
</HEAD>
<BODY>
<H1>均等割付です</H1>
</BODY>
</HTML> 

テーブル内では上手く表示されないみたいです。サンプルはこちらです。

Copyright ©2001〜2011 まさぼ〜 All Right Reserved