-moz-outline-radius-topleft

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

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

構文

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

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

公式定義

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

形式文法

<outline-radius>

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

下記の例は Firefox 以外のブラウザーで見ている場合は、求められる効果が表示されません。

HTML

<p>段落の左上の角を見てください。</p>

CSS

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

結果

仕様書

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

ブラウザーの互換性

BCD tables only load in the browser

関連情報