CSSで記事の最初の文字だけ大きくする - LogJETCSSで記事の最初の文字だけ大きくする 味気ない本文をほんの少し改造する方法。 以下の記述をCSSに加えることによって本文最初の文字が大きくなり、あたかも欧米雑誌のようになります。記事の始まりが分かりやすくなるなどメリットありかと…。 /* MacIE5 除く \*/ 要素i名 or class名:first-letter { font-size:24pt; line-height:120%; float:left; padding: 0 5px 0 5px; } /* end */ 忘れてならないのは”/* MacIE5 除く \*/”の部分と終わりの”/* end */”です。 この擬似要素:first-letterを使うと要素内の最初の文字をあれこれいじれるわけですが、Mac版IE5では2バイト文字(日本語)が文字化けを起こします。 そこでコメントの閉じ*/の直前に
