-moz-outline-radius-bottomright

非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomrightCSS のプロパティで、要素の輪郭線 (outline) の右下の角を丸くするために使用することができます。

構文

-moz-outline-radius-bottomright の値は、 <length> または境界ボックスの対応する大きさに対するパーセント値のどちらかです。 calc() 関数も同様に使用することができます。

<length>
要素の下端と右端の曲率を定義する円の半径を CSS の <length> で指定します。
<percentage>
要素の右下隅の丸めを定義する円の半径で、ボーダーボックスの下辺と右辺のパーセント値で指定します。

公式定義

初期値0
適用対象すべての要素
継承なし
パーセンテージrefer to the corresponding dimension of the border box
計算値指定値
アニメーションの種類length または percentage, calc();

形式文法

<outline-radius>

where
<outline-radius> = <length> | <percentage>

HTML

<p>Look at this paragraph's bottom-right corner.</p>

CSS

p {
  margin: 5px;
  border: solid cyan;
  outline: dotted red;
  -moz-outline-radius-bottomright: 2em;
}

結果

注: 上記の例は、 Firefox 以外のブラウザーで表示させると、期待通りの効果が表示されません。

仕様書

標準の一部ではありません。

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
-moz-outline-radius-bottomright
非推奨非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 1IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 4Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。

関連情報