非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
Mozilla アプリケーションにおいて、 -moz-outline-radius-topleft
は CSS のプロパティで、要素の輪郭線 (outline
) の左上の角を丸くするために使用することができます。
構文
-moz-outline-radius-topleft
の値は、 <length>
または境界ボックスの対応する大きさに対するパーセント値のどちらかです。 calc()
関数も同様に使用することができます。
値
公式定義
初期値 | 0 |
---|---|
適用対象 | すべての要素 |
継承 | なし |
パーセンテージ | refer to the corresponding dimension of the border box |
計算値 | 指定値 |
アニメーションの種類 | length または percentage, calc(); |
形式文法
<outline-radius>where
<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
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
関連情報
- 詳しくは
-moz-outline-radius
プロパティを参照してください。