有り金はたいて
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 をいれてあげます。
さて・・・
文の最初だけ大文字にしたいときはどうしたらいいの？
すっごく時間をかけていろいろ試したんだけど
やっと成功したのがちょっとした合わせ技でした。
つづきはまた明日♪
♪ブログをつづける元気をもらってます♪
