角丸
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 | ４つの角のうち、どれを丸くするか。"TR,TL,BR,BL"のように指定する。"TR,BR"だと右上と右下の角がくなる |
| antiAlias | アンチエリアス処理をするかtrueまたはfalseを指定する |
この記事へのコメントは終了しました。
コメント