« ツールチップ | トップページ | トースター »

2007年8月 1日 (水)

角丸

dojo.widget.Roundedを用いてHTML要素の角を丸くできる。

角を丸くしたいHTML要素にdojoType="rounded"を指定する。

<script type="text/javascript">
dojo.require("dojo.widget.Rounded");
</script>

<div dojoType="rounded" style="width:150px;background-color:#EAF2FF;">てすと</div>

てすと

以下の属性を指定することもできる。

属性概要
radius 角の半径。デフォルトは14
corners 4つの角のうち、どれを丸くするか。"TR,TL,BR,BL"のように指定する。"TR,BR"だと右上と右下の角がくなる
antiAlias アンチエリアス処理をするかtrueまたはfalseを指定する

« ツールチップ | トップページ | トースター »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/232684/7376867

この記事へのトラックバック一覧です: 角丸:

« ツールチップ | トップページ | トースター »