最新のWeb開発のチュートリアル
 

Style borderRadius Property

<スタイルオブジェクト

div要素に丸い枠を追加:

document.getElementById("myDIV").style.borderRadius = "25px";
»それを自分で試してみてください

定義と使用法

borderRadiusプロパティは、4つのボーダー*半径のプロパティを設定する、または返すための短縮形プロパティです。

Tip:このプロパティは、要素に角丸を追加することができます!


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderRadiusプロパティは、IE9 +、Firefoxの、クロム、サファリ、オペラではサポートされています。


構文

borderRadiusプロパティを返します:

object .style.borderRadius

borderRadiusプロパティを設定します。

object .style.borderRadius=" Note:各半径のための4つの値を順左上、右上、右下、左下に示されています。 左下が省略された場合には、右上のと同じです。 右下が省略された場合には、左上のと同じです。 右上が省略された場合には、左上のと同じです。

プロパティ値

説明
length コーナーの形状を定義します。 デフォルト値は0です
% %でコーナーの形状を規定します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 要素の境界半径性を表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: border-radius property


<スタイルオブジェクト