Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Referenzhandbuch

JavaScript Objekte

JavaScript Array Objekte JavaScript Boolean Objekte JavaScript Date Objekte JavaScript Math Objekte JavaScript Number Objekte JavaScript String Objekte JavaScript RegExp Objekte JavaScript Globale Eigenschaften / Funktionen JavaScript Die Betreiber

Browser Objekte

Window Objekte Navigator Objekte Screen Objekte History Objekte Location Objekte

DOM Objekte

HTML DOM Document Objekte HTML DOM Element-Objekt HTML DOM Objektattribut HTML DOM Ereignisobjekte

HTML Objekte

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML-DOM Stil borderRadius Eigenschaft

Zurück: HTML DOM Stil borderImageWidth Eigenschaft

Next: HTML DOM Stil borderTopLeftRadius Eigenschaft

Style - Objekte

Beispiele

In abgerundeten Ecken zu einem div-Element:

document.getElementById("myDIV").style.borderRadius="25px";

Definition und Verwendung

borderRadius Eigenschaft ist eine Abkürzung Eigenschaft legt oder gibt vier border-radius Eigenschaft.

Tipp: Mit diesem Attribut können Sie abgerundete Ecken auf die Elemente hinzuzufügen!

Browser-Unterstützung

IE9 +, Firefox, Chrome, Safari und Opera unterstützen borderRadius Eigenschaft.

Grammatik

Zurück borderRadius Eigenschaften:

object .style.borderRadius

Einstellen borderRadius Eigenschaften:

object .style.borderRadius="1-4 length|%/1-4 length|%|initial|inherit"

Hinweis: für dievier Werte in Übereinstimmung mit dem Radius der oberen linken Ecke, oben rechts, unten rechts, unten links, in der angegebenen Reihenfolge. Wenn der Wert des linken weggelassen wird, dessen Wert mit dem Wert in der oberen rechten konsistent. Wenn der Wert der unteren rechten weggelassen wird, dessen Wert mit dem Wert der oberen linken konsistent. Wenn der Wert des oberen rechten weggelassen wird, wird der Wert mit dem Wert der oberen linken konsistent.

Eigenschaft Wert

值	描述
length	定义角的形状。默认值是 0。
%	以 % 形式定义角的形状。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

Technische Details

Standard:	0
Rückkehr:	String für die border-radius Eigenschaft Element.
CSS-Version	CSS3

In Verbindung stehende Artikel

CSS Referenz: border-RADIUS - Attribut

Style - Objekte

Zurück: HTML DOM Stil borderImageWidth Eigenschaft

Next: HTML DOM Stil borderTopLeftRadius Eigenschaft