text-autospace: ***;
text-autospace は、文章中の日本語等とアルファベット等(または数字や半角の括弧)の間に、スペースを入れるかどうかを指定するプロパティです。
p {
text-autospace: ideograph-alpha;
}
プロパティ名 | 値 | 説明 |
---|---|---|
text-autospace | none | スペースを入れない (初期値) |
ideograph-alpha | 表意文字とアルファベットの間にスペースを入れる | |
ideograph-numeric | 表意文字と数字の間にスペースを入れる | |
ideograph-parenthesis | 表意文字と半角括弧 ( ) の間にスペースを入れる | |
ideograph-space | 表意文字に挟まれた半角スペースの幅を広げる |
※表意文字 … 日本語や中国語などの文字
※このプロパティは、CSS 2では定義されていません。
挿入されるスペースの幅は非常に小さいので、よく見ないと違いが分かりません。
使用例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>
<style type="text/css">
p { font-size: 180%; }
p.example1 { text-autospace: ideograph-alpha; }
p.example2 { text-autospace: ideograph-numeric; }
p.example3 { text-autospace: ideograph-parenthesis; }
p.example4 { text-autospace: ideograph-space; }
</style>
</head>
<body>
<p>■標準<br>日本語ENGLISH日本語ENGLISH</p>
<p class="example1">■ideograph-alpha<br>日本語ENGLISH日本語ENGLISH</p>
<p>■標準<br>日本語1日本語2日本語3日本語4</p>
<p class="example2">■ideograph-numeric<br>日本語1日本語2日本語3日本語4</p>
<p>■標準<br>(括弧)日本語(括弧)日本語(括弧)日本語</p>
<p class="example3">■ideograph-parenthesis<br>(括弧)日本語(括弧)日本語(括弧)日本語</p>
<p>■標準<br>日本語 日本語 日本語 日本語 日本語</p>
<p class="example4">■ideograph-space<br>日本語 日本語 日本語 日本語 日本語</p>
</body>
</html>
表示例
■標準
日本語ENGLISH日本語ENGLISH
■ideograph-alpha
日本語ENGLISH日本語ENGLISH
■標準
日本語1日本語2日本語3日本語4
■ideograph-numeric
日本語1日本語2日本語3日本語4
■標準
(括弧)日本語(括弧)日本語(括弧)日本語
■ideograph-parenthesis
(括弧)日本語(括弧)日本語(括弧)日本語
■標準
日本語 日本語 日本語 日本語 日本語
■ideograph-space
日本語 日本語 日本語 日本語 日本語
- サイト内検索