• かちびと.net

    borderに画像を使用したcss3プロパティを生成するジェネレーター・border-image-generatorのご紹介css3でborderに画像を指定したプロパティをサクッと作りだすことが出来ます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

borderに画像を使用したcss3プロパティをサクッと生成するジェネレーター・border-image-generator

スポンサーリンク

今まで知らなかったんですが、
css3ってborderに画像を使える
んですね・・・勉強不足でした。
border-image-generatorはその
css3による画像borderをサクッと
作ってくれるWebジェネレーター
です。勉強がてら触ってみるのも
いいかも。

css3便利ですねぇ・・もちろんIEでは使用できません。webkit系(safariとかChrome)とmoz系(Firefoxとか)に対応しています。

border-image-generator

border-images01
直感で使えるので使い方は割愛します。使用したい画像のアップロードも出来るのでいろいろテストできそうです。

以下のようなプロパティでborderに画像を指定するんですね。

.border-images{
border-width: 28px 27px;
-moz-border-image: url(abc.png) 28 27 repeat;
-webkit-border-image: url(abc.png) 28 27 repeat;
border-image: url(abc.png) 28 27 repeat;
}

うーん、このプロパティは結構便利かも。IEさえ対応してくれたら・・無くならなくてもいいので、シェア減って欲しいなぁ。

ジェネレーターは以下から無料で使えます。

border-image-generator

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services