非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
Mozilla アプリケーションにおいて、 -moz-outline-radius-bottomleft
は CSS のプロパティで、要素の輪郭線 (outline
) の左下の角を丸くするために使用することができます。
構文
-moz-outline-radius-bottomleft
の値は、 <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
関連情報
- 詳しくは
-moz-outline-radius
プロパティを参照してください。