English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top-left-Die CSS-Eigenschaft 'radius' setzt die Ecke 'oberes linkes Ende' des Elements in eine Kugel.
Die nachstehende Tabelle zeigt die Verwendung und Versionshistorie dieses Attributs sowie die Syntax in JavaScript-Skripten.
| Standardwert: | 0 |
|---|---|
| Eingesetzt für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbare Erstellung: | Ja.Bitte参阅 Animationseigenschaften. |
| Version: | CSS3neue Funktion |
| JavaScript Syntax: | object object.style.borderTopLeftRadius="8px" |
Hinweis:border-top-left-radius macht den Hintergrund des Elements rund, selbst wenn keine Umrandung definiert ist oder der Wert auf none gesetzt wird.
Die Syntax dieses Attributes ist wie folgt:
border-top-left-radius: [ length | percentage ]1 oder 2 values | initial | inherit
Dieser Kurznamen kann einen oder zwei durch Leerzeichen getrennten Werte haben.
Der optionale zweite Längenwert definiert den vertikalen Radius des linken oberen Ecks, daher hat die Ecke die Form eines Viertelellipses.
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.
Der folgende Beispiel zeigt, wie man border-top-left-radius-Eigenschaft.
div {
border: 2px solid #f08080;
border-top-left-radius: 20px;
}Testen Sie es heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| length | Längenwerte in px, pt, cm, em usw., aber negative Werte sind nicht erlaubt. |
| percentage | Die Größe des Radius in Prozent. Bei zwei Werten wird der erste Wert im Verhältnis zur Breite des Elements berechnet (also der horizontale Radius), und der zweite Wert im Verhältnis zur Höhe des Elements (also der vertikale Radius). Negative Werte sind nicht erlaubt. |
| initial | Setzen Sie diesen Wert auf seinen Standardwert. |
| inherit | Wenn angegeben, wird die border des übergeordneten Elements für das verknüpfte Element verwendet.-top-left-radius-Werte der Eigenschaft. |
border-top-left-Kompatibilität der radius-Eigenschaft der Browser, die in der folgenden Tabelle enthaltenen Zahlen stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Siehe Anleitung:CSS Border,CSS3 Border.
Verwandte Eigenschaften:border-radius,border-bottom-left-radius,border-bottom-right-radius,border-top-right-radius.