スタイルシートリファレンス > text-justify

スタイルシートリファレンス text-justify


text-justify 均等割付の形式を指定する (IE5)

単語間や文字間のスペースを調整して均等割付を実現します。

text-alignがjustifyのとき、テキストの均等割付を実現します。


auto
規定値
newspaper
英文向け
distribute
タイ語向け
distribute-all-lines
単語間と文字間を調整して均等割付
inter-word
単語間のみによる調整
inter-ideograph
単語間と文字間による調整
inter-cluster
アジア語向け
kashida
アラビア語向け

▲ページ先頭へ

使用例 text-justify

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
text-align: justify;
text-justify: auto;
}
.smp2 {
text-align: justify;
text-justify: newspaper;
}
.smp3 {
text-align: justify;
text-justify: distribute;
}
.smp4 {
text-align: justify;
text-justify: distribute-all-lines;
}
.smp5 {
text-align: justify;
text-justify: inter-word;
}
.smp6 {
text-align: justify;
text-justify: inter-ideograph;
}
.smp7 {
text-align: justify;
text-justify: inter-cluster;
}
.smp8 {
text-align: justify;
text-justify: kashida;
}
-->
</style>
</head>
<body>
<p class=".smp1">
autoは<br>このように表示されます(auto)
</p>
<p class=".smp2">
newspaperは<br>このように表示されます(newspaper)
</p>
<p class=".smp3">
distributeは<br>このように表示されます(distribute)
</p>
<p class=".smp4">
distribute-all-linesは<br>このように表示されます(distribute-all-lines)
</p>
<p class=".smp5">
inter-wordは<br>このように表示されます(inter-word)
</p>
<p class=".smp6">
inter-ideographは<br>このように表示されます(inter-ideograph)
</p>
<p class=".smp7">
inter-clusterは<br>このように表示されます(inter-cluster)
</p>
<p class=".smp8">
kashidaは<br>このように表示されます(kashida)
</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


autoは
このように表示されます(auto)

newspaperは
このように表示されます(newspaper)

distributeは
このように表示されます(distribute)

distribute-all-linesは
このように表示されます(distribute-all-lines)

inter-wordは
このように表示されます(inter-word)

inter-ideographは
このように表示されます(inter-ideograph)

inter-clusterは
このように表示されます(inter-cluster)

kashidaは
このように表示されます(kashida)

▲ページ先頭へ

関連項目【テキスト】

text-indent
インデント幅を指定する
text-align
テキストの配置を指定する
text-justify
均等割付の形式を指定する (IE5)
text-decoration
テキストの装飾を指定する
text-underline-position
下線の表示位置を指定する (IE55)
text-shadow ※
文字に影をつける
letter-spacing
文字の間隔を指定する
word-spacing
単語の間隔を指定する
text-transform
大文字・小文字表示を指定する
white-space
空白・改行の扱い方を指定する
vertical-align
縦方向の揃え位置を指定する
line-break
禁則処理の種類を指定する (IE5)
word-break
文の改行の仕方について指定する (IE5)
text-autospace
表意文字と非表意文字の間隔を指定する (IE5)
text-kashida-space
アラビア語などの配置を最善化する (IE55)
word-wrap
単語の途中で改行するかどうかを指定する (IE55)
writing-mode
縦書きにする (IE55)

▲ページ先頭へ

スタイルシートリファレンス > text-justify