Moz-Border-Radius (CSS-Eigentum)

Moz-Border-Radius war Geckos äquivalent zu CSS3-Grenz-Radius-Eigentum, obwohl es sich in wenigen Hinsicht unterschied. Die Shorthand -Eigenschaft ermöglichte es Webentwicklern, abgerundete Grenzen oder abgerundete Hintergründe anzugeben, wenn keine Grenzen definiert wurden.

In Gecko 2.0 Moz-Border-Radius wurde in Grenzradius umbenannt; -moz-border-radius wurde als Alias ​​bis Gecko 12.0 unterstützt.

Um dem CSS3 -Standard zu entsprechen, Gecko 2.0

• änderte die Handhabung von -Werten in die Spezifikation. Sie können eine Ellipse als Rand an einem willkürlichen Element angeben, das nur mit Grenzradius: 50%;
• Made Runded Ciners Clip -Inhalt und -bilder (wenn Überlauf: sichtbar ist nicht festgelegt)

  Hinweis: Die Unterstützung für die vorangestellte Version (-moz-Border-Radius) wurde in Gecko 13.0 entfernt (Firefox 13.0 / Thunderbird 13.0 / Seamonkey 2.10).

  Border-Radius

  Das Grundstück Grenzradius ist eine Kurzform, die bis zu vier Werte akzeptieren kann. Die Werte repräsentieren (in der Reihenfolge) die Ecken mit oberen linken, oberen rechten, unteren rechten und unteren Linken. Wie bei allen Kurzeigenschaften, die Einheitswerte verwenden, werden alle ausgelassenen Werte von vorhandenen geerbt.

  Sie können mit der Longhand -Syntax explizit einzelne Ecken eines Elements ansprechen. Zum Beispiel:

  .media img {
    border-top-left-radius: 20%;
    border-top-right-radius: 20%;
    border-bottom-right-radius: 20%;
    border-bottom-left-radius: 20%;
  }

  Sie können deutlich sehen, warum Sie in den meisten Fällen die Kurzsyntax verwenden. Auch wenn Sie eine einzige Ecke ansprechen möchten, ist es stattdessen viel effizienter, dies zu tun:

  .media img {
    border-radius: 20% 0 0 0;
  }

häufig gestellte Fragen (FAQs) zu -moz-Border-Radius CSS-Eigenschaft

Was ist die CSS-Eigenschaft -moz-border-radius CSS, für die die CSS-Eigenschaft -moz-Border-Radius-CSS-Eigenschaft verwendet wird, ist eine Mozilla-spezifische Eigenschaft, die zur Erstellung von abgerundeten Ecken an HTML-Elementen verwendet wird. Sie können den Radius der Kurve des Randes angeben und die Kontrolle über die Rundheit der Ecken erhalten. Diese Eigenschaft ist besonders nützlich für das Webdesign zum Erstellen von Schaltflächen, Karten oder anderen Elementen, die von abgerundeten Ecken profitieren. -Oz-border-radius-Eigenschaft wurde ursprünglich für Firefox-Browser verwendet, da sie das Standard-Rand-Radius-Eigentum nicht unterstützten. Seit Firefox 4.0 und weiter wird das Standard-Border-Radius-Eigentum vollständig unterstützt. Daher ist die Verwendung von -moz-Border-Radius nicht mehr erforderlich, es sei denn, Sie entwickeln sich für ältere Versionen von Firefox.

Wie funktioniert die Eigenschaft -moz-Border-Radius-Eigenschaft? Ecke der Außenrandkante. Der erste Wert ist der horizontale Radius und der zweite der vertikale Radius. Wenn nur ein Wert angegeben ist, wird er für beide Radien verwendet. -Border-Radius-Eigentum. Der Prozentsatz wird in Bezug auf die Breite und Höhe des Grenzboxs berechnet, und die resultierende Form ist eine symmetrische Ellipse oder ein Kreis, wenn die beiden Längen gleich sind. -Radius und Border-Radius? CSS -Eigenschaft. Beide Eigenschaften erfüllen den gleichen Zweck, der abgerundete Ecken erzeugen soll. Es wird jedoch empfohlen, das Standard-Border-Radius-Eigentum zu verwenden, wie es von allen modernen Browsern unterstützt wird. Ein Kreis mit der Eigenschaft -moz-Border-Radius-Eigenschaft müssen die Eigenschaft auf 50%einstellen. Dies erzeugt einen perfekten Kreis, da das Element eine gleiche Breite und Höhe hat. Kann für jede Ecke unterschiedliche Werte angeben, indem es die -moz-Border-Radius-Toplektion, -moz-border-radius-topright, -moz-border-radius-bottomright und verwenden -moz-border-radius-bottomlefteigenschaften. -Radius Eigentum. Wenn Sie einen negativen Wert verwenden, wird die Erklärung ignoriert und die Eigenschaft nicht angewendet. Die Eigenschaft -moz-Border-Radius kann in Verbindung mit anderen Grenzeigenschaften wie Grenzstil, Grenzbreit und Grenzfarbe verwendet werden. Auf diese Weise können Sie eine Vielzahl von Stilen für Ihre abgerundeten Ecken erstellen. Mozilla-spezifisches Eigentum, daher wird es nur in Firefox unterstützt. Alle modernen Browser unterstützen jedoch das Standard-Border-Radius-Eigentum. Daher wird empfohlen, dies stattdessen für die Kompatibilität des Cross-Browsers zu verwenden.

Das obige ist der detaillierte Inhalt vonMoz-Border-Radius (CSS-Eigentum). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!