English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-unten-links-radius wird in CSS verwendet, um die runde Form des linken unteren Ecks eines Elements zu setzen. Diese Form kann kugelförmig oder elliptisch sein, und wenn der Wert 0 ist, ist es ein gewöhnlicher rechter Winkel, und der Hintergrund, ob Bild oder Farbe, wird von diesem Attribut beeinflusst.
Die folgende Tabelle zeigt die Verwendung und Versionshistorie dieses Attributes, sowie die Syntax in JavaScript-Skripten.
| Standardwert: | 0 |
|---|---|
| Geeignet für: | alle Elemente |
| Vererbung: | keine |
| Animierbar: | ist.Bitte beziehen Sie sich auf Animationsattribute. |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | objectobject.style.borderBottomRightRadius="3px" |
Beachtung:border-unten-links-radius macht auch den Hintergrund des Elements rund, selbst wenn der Rahmen nicht definiert ist oder auf none gesetzt wird.
Die Syntax dieses Attributes ist wie folgt:
border-unten-links-radius: [ length | percentage ] 1 oder 2 values | initial | inherit
Dieser Kurzwahl kann ein oder zwei durch Leerzeichen getrennte Werte zugewiesen werden.
Der optionale zweite Längenwert definiert den vertikalen Radius des unteren linken Ecks, sodass die Form der Ecke ein Viertelellipse ist.
Wenn der zweite Längenwert weggelassen wird oder gleich dem zweiten Längenwert ist, hat die Ecke die Form eines Viertelkreises. Wenn einer der Längenwerte Null ist, ist die Ecke ein Quadrat anstatt eines Abgerundeten Ecks.
Die folgenden Beispiele zeigen, wie man border-unten-links-radius-Eigenschaft.
div {
border: 2px solide #f08080;
border-unten-links-radius: 20px;
}Testen Sie heraus‹/›Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Die Einheit des Längenwerts kann px, pt, cm, em usw. sein, aber negative Werte sind nicht erlaubt. |
| percentage | Die Größe des Radius in Prozent. Bei zwei Werten wird der erste Wert im Prozentsatz相对于元素框的宽度 berechnet (also der horizontale Radius), und der zweite Wert im Prozentsatz相对于元素框的高度 berechnet (also der vertikale Radius). Negative Werte sind nicht erlaubt. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet der assoziierte Element seine Elternborder-unten-links-Berechnungswert der radius-Eigenschaft. |
border-unten-links-Kompatibilität der radius-Eigenschaft der Browser, die in der nachstehenden Tabelle angegebenen Zahlen die niedrigste Versionsnummer der Browser darstellen, die diese Eigenschaft unterstützen, unterstützen alle gängigen Browser diese Eigenschaft.
|
Warnung: Internet Explorer 8und frühere Versionen wird border nicht unterstützt-unten-links-radius CSS-Eigenschaft. In IE9und höher unterstützt.
Siehe Tutorial:CSS Border,CSS3 Border.
zusammenhängende Eigenschaften:border-radius,border-unten-rechts-radius,border-oben-links-radius,border-oben-rechts-radius.