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
>>関連リンク
閲覧数:
4090 /
関連日記
- 2009年10月12日 CSS : -webkit-border-imageを試してみた (9178)@ ウェブ
- 2007年10月22日 ファイルが大量に消えた(T_T) (7382)@ Mac
- 2008年10月17日 CSS Nite in HIROSHIMA powered by Webさわり会議 (6838)@ 広島
- 2008年02月21日 テキストエリアの自動拡張 (6055)@ ウェブ
- 2008年01月16日 auのパケット通信料 (5718)@ 携帯電話
- 2010年02月10日 ウェブページ制作ツール「Flux」 (5306)@ Mac
- 2006年08月19日 Google Wireless Transcoder (5286)@ 携帯電話
- 2008年02月21日 テキストエリアのリサイズ (5159)@ ウェブ
- 2009年05月16日 CSSレイアウト作成ツール「YAML Builder」 (4942)@ ウェブ
- 2007年09月19日 YSlowでウェブページのパフォーマンスチェック (4725)@ Mac
- 2008年12月13日 Javascirpt製マークアップ・エディター「SmartMarkUP」 (4722)@ ウェブ
- 2008年10月04日 Adobe ACE、不合格(T_T) (4671)@ Mac
- 2012年04月26日 Dreamweaver CS6 の可変グリッドレイアウト (4656)@ ウェブ
- 2007年01月08日 FireBug (4494)@ Mac
- 2005年06月24日 Adobe Creative Suite 2 (4460)@ Mac
- 2009年12月07日 IntelliJ IDEA 9 Beta (4440)@ Flash
- 2005年08月08日 Macromedia - Studio 8 (4331)@ ウェブ
- 2007年09月18日 jQueryでテーブルをシマシマに (4196)@ ウェブ
- 2007年05月06日 タグH1の中の画像 (4184)@ ウェブ
- 2009年06月28日 Fireworksのガイドラインをスクリプトで作る (4073)@ Mac
- 2007年10月19日 明日はDreamweaver CS3勉強会 (4059)@ Mac
- 2012年04月24日 Adobe CS6(ウェブ関連) (4051)@ ウェブ
- 2009年06月04日 Boks - A Visual Grid Editor (3994)@ ウェブ
- 2009年11月20日 HTML5のセクションアウトラインを見るブックマークレット (3976)@ ウェブ
- 2011年08月22日 TwitterのGridデザインCSS「Bootstrap」 (3884)@ ウェブ
- 2011年02月16日 Wordpressに外部CSSやJSファイルを読み込む (3877)@ ウェブ
- 2006年04月07日 音声ブラウザ用にメニューを追加 (3869)@ ウェブ
- 2009年04月16日 iPhone版Max/MSP？「Jasuto」 (3814)@ 音楽
- 2006年04月22日 Dreamweaver 8のページプロパティ (3806)@ Mac
- 2009年02月01日 広島MacUGのサイトを色々とチェック (3727)@ ウェブ
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。
