:: blogoolic :: Movable Type でブログ中毒

vendredi 15 juin 2007

思うようにフランス語の日付が表示できない。

そこで考えたのがスタイルシート技。
さっきのような場合でブログ特有の変数タグなんかで
大文字・小文字のつかいわけが利かないときには欠かせません。

大文字を小文字に変換するには text-transform プロパティをつかいます。
スタイルシートをつかわずに HTML でいくならこんなかんじ。

<span style="text-transform:uppercase;">jeudi 14 juin 2007</span>

これで jeudi 14 juin 2007 が JEUDI 14 JUIN 2007 と表示されるようになります。
でもこれじゃ、全部大文字。

uppercase は小文字をすべて大文字に変換する値です。
こんどは各単語の１文字目だけ大文字に変換するもの。
capitalize をいれてあげます。

<span style="text-transform:capitalize;">jeudi 14 juin 2007</span>

これだと Jeudi 14 Juin 2007 と表示してくれますが
英語とちがうのは、月の名前のイニシャルは大文字で書きません。

ちなみにすべての大文字を小文字にするなら lowercase を、
なにもしないなら none をいれてあげます。

さて・・・

文の最初だけ大文字にしたいときはどうしたらいいの？

すっごく時間をかけていろいろ試したんだけど
やっと成功したのがちょっとした合わせ技でした。

つづきはまた明日♪