Moz-Border-Radius（CSSプロパティ）-CSSチュートリアル-php.cn

Moz-Border-Radius（CSSプロパティ）

Joseph Gordon-Levitt

リリース： 2025-02-26 10:06:15

オリジナル

909 人が閲覧しました

moz-border-radius (CSS property)

Moz-Border-Radius（CSSプロパティ）

Moz-Border-Radiusは、CSS3のBorder-Radiusプロパティに相当するGeckoに相当しましたが、いくつかの点で異なっていました。速記のプロパティにより、Web開発者は、境界線が定義されていない場合、丸い境界線、または丸い背景を指定することができました。 Gecko 2.0では、Moz-Border-Radiusは国境と帯に改名されました。 -moz-border-radiusは、Gecko 12.0

仕様と一致するように

値の処理を変更しました。楕円を、国境となる馬鹿げた任意のサイズの要素の境界として指定することができます：50％。

丸い角に作られたクリップコンテンツと画像（オーバーフロー：表示が設定されていない場合）注：プレフィックスバージョン（-moz-border-radius）のサポートはGecko 13.0（Firefox 13.0 / Thunderbird 13.0 / Seamonkey 2.10）で削除されました。 border-radius
Border-Radiusプロパティは、最大4つの値を受け入れることができる略記のプロパティです。値は、（順番に）左上、右上、下部右、および下左コーナーを表します。ユニット値を使用する速記のプロパティの場合と同様に、省略された値は既存の値から継承されます。
ロングハンド構文を使用して、要素の個々のコーナーを明示的にターゲットにすることができます。たとえば、

ほとんどの場合、Shorthand Syntaxを使用する理由をはっきりと見ることができます。単一のコーナーをターゲットにしたい場合でも、代わりにこれを行う方がはるかに効率的です。
```
.media img {
  border-top-left-radius: 20%;
  border-top-right-radius: 20%;
  border-bottom-right-radius: 20%;
  border-bottom-left-radius: 20%;
}
```
ログイン後にコピー
-Moz-border-radius CSSプロパティに関するよくある質問（FAQ）

- noz-border-radius CSSプロパティは何ですか？
```
.media img {
  border-radius: 20% 0 0 0;
}
```
ログイン後にコピー

-moz-border-radiusプロパティはまだ必要ですか？ -Moz-Border-Radiusプロパティは、標準のBorder-Radiusプロパティをサポートしていなかったため、最初はFirefoxブラウザーに使用されていました。ただし、Firefox 4.0以降以来、標準的なBorder-Radiusプロパティは完全にサポートされています。したがって、Firefoxの古いバージョンのために開発していない限り、-Moz-Border-Radiusの使用はもはや必要ありません。

-moz-border-radiusプロパティはどのように機能しますか？

-moz-border-radiusプロパティは、四分の一の楕円の半径を定義する1つまたは2つの値を受け入れることで機能します。外側の境界端の角。最初の値は水平半径、2番目は垂直半径です。 1つの値のみが指定されている場合、両方のRadiiに使用されます。

-moz -border -radiusプロパティでパーセンテージを使用できますか？ -border-radiusプロパティ。パーセンテージは、境界ボックスの幅と高さに関して計算され、結果の形状は対称楕円、または2つの長さが等しい場合は円です。 -radius and Border-radius？

-moz-border-radiusはFirefoxの古いバージョンで使用されるベンダー固有のプロパティであり、Border-Radiusは標準ですCSSプロパティ。どちらのプロパティも同じ目的を果たします。これは、丸い角を作成することです。ただし、すべての最新のブラウザでサポートされているため、標準のBorder-Radiusプロパティを使用することをお勧めします。 -moz-border-radiusプロパティを使用した円では、プロパティを50％に設定する必要があります。これにより、要素の幅と高さが等しいことを考えると、これにより完全な円が作成されます。

-moz-border-radiusプロパティで各コーナーに異なる値を使用できますか？ -moz-border-radius-topleft、-moz-border-radius-topright、-moz-border-radius-bottomrightを使用して、各コーナーの異なる値を指定できます。 -moz-border-radius-bottomleftプロパティ。

-moz-border-radiusプロパティで負の値を使用するとどうなりますか？ -RADIUSプロパティ。負の値を使用する場合、宣言は無視され、プロパティは適用されません。 -moz-border-radiusプロパティは、国境スタイル、境界線、境界線などの他の国境特性と組み合わせて使用できます。これにより、丸い角にさまざまなスタイルを作成できます。