2009年10月11日

CSS : -webkit-border-image @ ウェブ

SafariやGoogle Chromeが対応しているCSS、 -webkit-border-imageは一つの画像から大きさが可変な枠線を表示してくれるようです。ZDNet Japanの記事にサンプルがあるので、それを見ると分かりやすいのですが、ブラウザが一つの画像から丁度9スライスした状態にしてくれるので、ファイルの管理も楽だし、作るのも簡単。これは良いですね。

この例では枠線ですが、ドロップシャドウが掛かった状態を作るなど、応用は色々と出来そうです。単にドロップシャドウだとスタイルシートを使っても出来ますが・・・。

Google ChromeのCSS 3対応状況 - builder by ZDNet Japan
>>関連リンク

閲覧数: 3758 / はてなブックマークusers

blog comments powered by Disqus

関連日記

アマゾン広告

この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。

▼日記検索

Mac

Shade

3D

Flash

ゲーム

ウェブ

音楽

映画

デジカメ

Windows

Linux

携帯電話

テレビ

広島

電子工作

iOS

▼ 最近のトラックバック

▼ランキング

▼関連サイト