例
div要素の右上隅に丸い枠線を追加します。
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
»それを自分で試してみてください 定義と使用法
borderTopRightRadiusプロパティは、右上隅の境界線の形状を定義します。
Tip:このプロパティは、要素に丸い境界線を追加することができます!
ブラウザのサポート
borderTopRightRadiusプロパティは、IE9 +、Firefoxの、クロム、サファリ、オペラではサポートされています。
構文
borderTopRightRadiusプロパティを返します:
object .style.borderTopRightRadius
borderTopRightRadiusプロパティを設定します。
object .style.borderTopRightRadius=" Note:ボーダー右上半径二長又はパーセント値をプロパティが外側の境界エッジのコーナーの形状を規定する四分の一楕円の半径を定義します。 最初の値は水平方向の半径、第2の垂直半径です。 第二の値が省略されている場合には、最初からコピーされます。 いずれかの長さがゼロの場合、コーナーは正方形で、丸められていません。 垂直半径のための百分率は、境界ボックスの高さを指し、一方、水平半径のための百分率は、境界ボックスの幅を指します。 プロパティ値
値 説明 length 右上隅の形状を定義します % %で、右上隅の形状を定義します initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: 0 戻り値: 要素のボーダー右上半径性を表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: border-top-right-radius property
<スタイルオブジェクト