ホーム » jQuery UI の利用 » jQuery UI - 角を丸くする

jQuery UI - 角を丸くする

少し角に丸みをつけるだけで、先進的で洗練された UI を持つ印象を与えることができる場合があります。

jQuery では角を丸くするだけのプラグインもありますが、jQuery UI のテーマをうまく設定するだけで、角を丸くしたりできます。

最近のブラウザでは CSS の border-radius 属性が問題なく利用できます。

まずは標準的な CSS の利用を検討する方が良いでしょう。

角を丸くする

class に ui-widget-content ui-corner-all を指定することで、テーマにマッチして角が丸くなります。

これはテストです。

class に ui-widget-content ui-corner-tr ui-corner-bl を指定することで、テーマにマッチして角を丸くすることができます。

これはテストです。