スタイルborderTopRightRadiusプロパティ
例
div要素の右上隅に丸い境界線を追加します。
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
定義と使用法
borderTopRightRadiusプロパティは、右上隅の境界線の形状を定義します。
ヒント:このプロパティを使用すると、要素に丸みを帯びた境界線を追加できます。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
構文
borderTopRightRadiusプロパティを返します。
object.style.borderTopRightRadius
borderTopRightRadiusプロパティを設定します。
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
注: border-top-right-radiusプロパティの2つの長さまたはパーセンテージ値は、外側の境界エッジのコーナーの形状を定義する1/4楕円の半径を定義します。最初の値は水平方向の半径で、2番目の値は垂直方向の半径です。2番目の値を省略すると、最初の値からコピーされます。いずれかの長さがゼロの場合、角は丸くなく、正方形になります。水平方向の半径のパーセンテージは境界ボックスの幅を示し、垂直方向の半径のパーセンテージは境界ボックスの高さを示します。
プロパティ値
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 0 |
---|---|
戻り値: | 要素のborder-top-right-radiusプロパティを表す文字列 |
CSSバージョン | CSS3 |
関連ページ
CSSリファレンス:border-top-right-radiusプロパティ
❮スタイルオブジェクト