火曜日, 3月 02, 2010

div要素に角丸やフェードのボーダーをスタイリングするスクリプト -DivCorners

デモのキャプチャ

DivCorners
デモページ

ボーダーは矩形の内側と外側に指定して配置することが可能で、ボーダー自体の幅や高さを指定してスタイリングすることができます。
上記キャプチャは、外側(outside)のデモです。

スクリプトの現在の仕様では、角丸やフェードのボーダーには画像が使用されており、下記のイメージで実装されています。

実装のイメージ

実装のイメージ

スクリプトの将来のバージョンでは、画像無しのスタイリングも加わる予定とのことです。

DivCornersはjQueryのプラグインのため、実装にはjquery.jsが必要です。

0 件のコメント: