-moz-outline-radius-bottomleft

非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

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

構文

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

<length>

要素の下端と左端の曲率を定義する円の半径を CSS の <length> で指定します。

<percentage>

要素の左下隅の丸めを定義する円の半径で、境界ボックスの下辺と左辺のパーセント値で指定します。

公式定義

初期値0
適用対象すべての要素
継承なし
パーセント値境界ボックスの対応する寸法に対する相対値
計算値指定通り
アニメーションの種類length または パーセント値, calc();

形式文法

<outline-radius>

ここで
<outline-radius> = <length> | <percentage>

輪郭線を丸める

これは Firefox 専用のプロパティなので、この例では Firefox 以外のブラウザーで表示している場合は、期待した効果が表示されません。

HTML

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

CSS

p {
  margin: 10px;
  border: solid cyan;
  outline: dotted green;
  -moz-outline-radius-bottomleft: 2em;
}

結果

仕様書

どの標準にも含まれていません。

ブラウザーの互換性

BCD tables only load in the browser

関連情報