ふみぃ~.何だか虚しい・・・
少し前にめちゃめちゃ探したのですが,独自拡張の部分だけが分からずじまいでした.
標準のものも含めてSafariで使用可能なCSSの資料が公開されたそうです.

このサイトでも使っているのですが,SafariはCSS 2.1をサポートしていて,他のブラウザにはあまりない“text-shadow”なども使えたりします.
それ以外にもWebKit独自に拡張されていて,これを使うとmarqueeの細かい設定をしたり,角丸四角の領域を簡単に作ることが出来ます.

ちなみに,良くある角丸四角をCSSで表現するには,こんな感じです.

background-color: #FFFFFF;
border: 1px #D9D9D9 solid;
-webkit-border-radius: 8px;


これだと,白地に灰色の境界線を持つ角丸四角ができます(Mobile版と同じ配色と曲率で,PC版はちょっと違う配色に影付き).
背景画像などを使う必要もありませんし簡単にできるのですが,Safari以外のブラウザやSafari 3未満だと一番下の指定は無視されるので単なる四角になります.

(via:ZDNet Japan
Date:2007/11/29(Thu) 23:15:03
Apple | Edit | Comment:2 | Trackback:0
Comment
Posted Comment
おひさです!
遅ればせながら、復活おめでとうございます!

これからも宜しくお願いします。m(__)m

この“text-shadow”ですが、オイラもブログで指定していました。
ブログ名やタイトル、囲い線にと色々な所に指定していました。
当然、Webkit系(Safari、シイラ)でしか見る事が出来ませんでしたが、視覚的には楽しかったです。

殺風景なページも立体的に見えますから、もっとどんどん普及してくれれば良いですね!
2007/11/30(Fri) 22:26:36 | URL | retro #vQU5PwVA[ Edit ]
おひさ~
おっ,retroさん,おばんです!
ご無沙汰しております.

text-shadow,いいっすよねぇ!
画像を使わなくてもそれなりにきれいに見えるし,Safariで見てくださってる方が一番多いし.

で,いつ再開するの?
次はFC2が良いですよ!すっごい便利だし.
待ってますよぉ~!

なーんて...早いところ楽しく記事が書けるようになると良いですね.
2007/12/01(Sat) 01:05:05 | URL | DoubleKO #ax4px7aw[ Edit ]
Comment to This Entry
URL:
Comment:
Pass:
Secret: 管理者にだけ表示を許可する
 
Trackback
Trackback URL
http://doubleko.blog18.fc2.com/tb.php/3149-eac94f04
この記事にトラックバックする(FC2ブログユーザー)
Trackback

Powered by FC2. Designed by Double KO.