text-autospace: ***;

ブラウザ
  • IE
プロパティ
  • 独自拡張プロパティ

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
日本語 日本語 日本語 日本語 日本語