角丸を表現する「jQuery Corners 0.3」-JavaScript Library Archive

角丸を表現する「jQuery Corners 0.3」

配布元：jQuery Corners 0.3
ライセンス：MITとGPL

jQuery Corners 0.3はブロックレベル要素やボタンを角丸に変更するJavaScriptライブラリです。

まずはダウンロードしたjQueryのファイルとjquery.corners.jsをhead要素などで読み込みます。

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="jquery.corners.js"></script>

次にscript要素で角丸の設定を行います。角丸にしたい要素をCSSセレクタで指定します。

<script type="text/javascript">
$(function(){
     $('角丸にしたい要素').corners();
});
</script>

これで指定した要素が角丸になります。

角丸のサイズはcorners(“サイズ”)といった具合に指定します。

角丸のサイズを制御したい場合は、corners()内でcorners(“横幅縦幅”)といった具合に指定します。