ＣＳＳで英語はふつうの大きさ、日本語は小さくすることは可能？

質問

たとえば、<p></p>内の英語はふつうの大きさで、日本語はマイナス１にすることは、ＣＳＳでできるでしょうか？今は、いちいち日本語のところにフォントサイズを指定しているのですが、面倒です。何かよい方法があればお教えください。

回答No.1

pixelflipper · ベストアンサー

クラスか属性セレクタしか方法はないと思います。どちらも明示的に英語の部分を指定しないといけません。残念ながら自動的に判別できるような仕組みはなかったはずです。

1. クラスで指定
p {font-size: 90%}
span.English {font-size: 100%}

<p><span class="English">CSS</span>で英語はふつうの大きさ、日本語は小さくすることは可能？</p>

2. 属性セレクタで指定
p {font-size: 90%}
*[lang="en"] {font-size: 100%}

<p><span lang="en-US">CSS</span>で英語はふつうの大きさ、日本語は小さくすることは可能？</p>

参考URL：

http://hp.vector.co.jp/authors/VA022006/css/selector.html

お礼

回答、ありがとうございました。やっぱり自動的に日本語は小さいフォントで、というのは無理なのですね。文頭の１文字目は大きくできたりするので、もしかして、と甘いことをかんがえていたのですが。