:::  CSS Archive  :::

text-transform で小文字を大文字に変換

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


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

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

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

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

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

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

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

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


さて・・・

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

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


つづきはまた明日♪

♪応援してくれてアリガトウゴザイマス♪
人気BlogRanking
Catégories ::
HAUT DE LA PAGE

Movable Type での日付表示言語

うーん。
ここ数日ロクに寝てません。
おもしろすぎる、奥が深すぎるよ MovableType !!

どんどんデザインを変えたりサーバを引っ越したり(猶予あと1週間!)
作業をすすめていきたいのだけど、バナーやボタンを作るので手いっぱい。


それから、困ったのが日付の処理。
MovableType ではインターフェイスでつかう言語と
日付だけをたとえば英語(オランダ語やチェコ語などたくさんある)を
選択する機能が標準搭載されているのですが

(これもすっごくうれしい。
 フランス語で書いてるブログが3つ、サイトがひとつあるので
 今まで日付を無視して手作業で埋め込んでました)

なぜかフランス語を選択した状態でも
保存したあとすぐに日本語にもどっちゃってるんです。

バグ?
わたしの知識不足?

2007/06/14 とか 14/06/2007 なんてのには対応してるけど味気ない。
そこで、日付の言語とフォーマットを代えるタグを乱用することに・・・。

En savoir plus...
♪応援してくれてアリガトウゴザイマス♪
人気BlogRanking
Catégories ::
HAUT DE LA PAGE

:::  ACCUEIL  :::

Calendrier

D L M M J V S
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31          

Merci Beaucoup

人気blogランキングへ

にほんブログ村 ブログブログ ブログノウハウへ

スカウター : MovableTypeでブログ&CMS構築日記 :: blogoolic :: Movable Type でブログ中毒

Catégories

Articles Récents