Style borderRadius 属性

Kwareji CodeW3C Online Tuhoti

HTML Tusa Kwarin Gida
浏览器脚本
服务器脚本
Kwareji Kwarin Tuhoti
XML Tusa Kwarin Gida
Kwarin Gida da Nauyi
Kwarin Nauyi

课程表

JS 参考手册

JS 参考手册（类别排序）
JS 参考手册（字母排序）

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS 对象
JS 运算符
JS 运算符优先级
JS 语句
JS 类型化数组

Window

Window Object
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event 对象
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
API Web

HTML 对象

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<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> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<summary>
<sup>
<table>
<tbody>
</a></li> <li><a href="/ha/jsref/dom_obj_time.html" title="HTML DOM Time ɗanin"><time></a></li> <li><a href="/ha/jsref/dom_obj_title.html" title="HTML DOM Title ɗanin"><title></a></li> <li><a href="/ha/jsref/dom_obj_track.html" title="HTML DOM Track ɗanin"><track></a></li> <li><a href="/ha/jsref/dom_obj_u.html" title="HTML DOM Underline ɗanin"><u></a></li> <li><a href="/ha/jsref/dom_obj_ul.html" title="HTML DOM Ul ɗanin"><ul></a></li> <li><a href="/ha/jsref/dom_obj_var.html" title="HTML DOM Variable ɗanin"><var></a></li> <li><a href="/ha/jsref/dom_obj_video.html" title="HTML DOM Video ɗanin"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ha/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ɗanin">CSSStyleDeclaration</a></li> <li><a href="/ha/jsref/jsref_type_conversion.html" title="JavaScript ɗanin ƙirƙiri">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ha/howto/index.html" title="CodeW3C.com ɗanin ɗakoki">CodeW3C.com ɗanin ɗakoki</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style borderRadius 属性</h1> <div class="prenextnav-ref"> <ul> <li> nasar da suka zo <a href="/ha/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ɗanin">borderLeftWidth</a></li> <li> nasar da suka zo <a href="/ha/jsref/prop_style_borderright.html" title="Style borderRight ɗanin">borderRight</a></li> <li> kori na ɗauka <a href="/ha/jsref/dom_obj_style.html" title="HTML DOM Style Object">HTML DOM Style Object</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderRadius</code> 属性是用于设置或返回四个 borderRadius 属性的简写属性。</p> <p>四个 borderRadius 属性是（按此顺序）：</p> <ul> <li><a href="/ha/jsref/prop_style_bordertopleftradius.html" title="Style borderTopLeftRadius ɗanin">borderTopLeftRadius</a></li> <li><a href="/ha/jsref/prop_style_bordertoprightradius.html" title="Style borderTopRightRadius ɗanin">borderTopRightRadius</a></li> <li><a href="/ha/jsref/prop_style_borderbottomrightradius.html" title="Style borderBottomRightRadius ɗanin">borderBottomRightRadius</a></li> <li><a href="/ha/jsref/prop_style_borderbottomleftradius.html" title="Style borderBottomLeftRadius ɗanin">borderBottomLeftRadius</a></li> </ul> <p class="tip"><span>提示：</span>此属性允许您为元素添加圆角！</p> <h3>kuma:</h3> <p>CSS ɗanin:<a href="/ha/cssref/pr_border-radius.html" title="CSS border-radius ɗanin">border-radius ɗanin</a></p> </div> <div> <h2>Ɗanin</h2> <p>ta yi kusa da div ɗanin kiyasta:</p> <pre class="language-js"> document.getElementById("myDIV").style.borderRadius = "25px"; </pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=jsck_style_borderradius">ku fara shi so</a></p> </div> <div> <h2>kalama</h2> <p>sauki borderRadius ɗanin:</p> <pre><i>object</i>.style.borderRadius</pre> <p>sobi ɗanin borderRadius ɗanin:</p> <pre><i>object</i>.style.borderRadius = "<i>1-4 length</i>|<i>%</i> / <i>1-4 length</i>|<i>%</i>|initial|inherit"</pre> <p class="note"><span>sabon:</span>kowane radius ɗanin na hudu suna bayyana daga kudu maso yamma, kudu maso yamma, kudu maso yamma, kudu maso yamma. Idan an yi ɗaukar kudu maso yamma, kuma yana da yawa da kudu maso yamma. Idan an yi ɗaukar kudu maso yamma, kuma yana da yawa da kudu maso yamma. Idan an yi ɗaukar kudu maso yamma, kuma yana da yawa da kudu maso yamma.</p> <h3>walin ɗanin</h3> <table class="dataintable"> <tr> <th style="width: 25%;">walin</th> <th>baɗaɗɗen</th> </tr> <tr> <td><i>length</i></td> <td>ta bayyana kusanin ɗanin ɗanin. Walin: 0.</td> </tr> <tr> <td><i>%</i></td> <td>ta bayyana kusanin ɗanin ɗanin. %</td> </tr> <tr> <td>initial</td> <td>sobi ɗanin ɗanin ɗin ɗanin a matsayin walin. Kiyasta: <a href="/ha/cssref/css_initial.html" title="CSS initial ɗanin">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>sobi ɗanin ɗanin ɗin ɗanin waɗa suka ɗauka. Kiyasta: <a href="/ha/cssref/css_inherit.html" title="CSS inherit ɗanin">inherit</a>.</td> </tr> </table> </div> <div> <h2>turbu</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">walin:</th> <td>0</td> </tr> <tr> <th>sauki:</th> <td>kalima, wanda ke nufin <a href="/ha/cssref/pr_border-radius.html" title="CSS border-radius ɗanin">border-radius ɗanin</a>.</td> </tr> <tr> <th>CSS ɗanin:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>tutar da zaɓaɓa</h2> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>tutar</td> <td>9.0</td> <td>tutar</td> <td>tutar</td> <td>tutar</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> nasar da suka zo <a href="/ha/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ɗanin">borderLeftWidth</a></li> <li> nasar da suka zo <a href="/ha/jsref/prop_style_borderright.html" title="Style borderRight ɗanin">borderRight</a></li> <li> kori na ɗauka <a href="/ha/jsref/dom_obj_style.html" title="HTML DOM Style Object">HTML DOM Style Object</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> kukiru </center><h3> <h5 id="tools_reference"><a href="/ha/jsref/index.html">Kwarin Nauyi JavaScript da HTML DOM</a></h5> <h5 id="tools_example"><a href="/ha/js/js_examples.html">JavaScript ɗanin</a></h5> <h5 id="tools_quiz"><a href="/ha/js/js_quiz.html">Mayar da hanyar JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/ha/js/index.html">Tasiri JavaScript</a></h5> </div> <div><h3><center> Ƙungiya ɗanin </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ɗanin ƙarfi ɗanin fada da tafi, ba a yi ƙa'idodi kan ƙwararriyar ƙarfin. Risalci na amfani da ɗanin yankin da a cikin wannan ɗanin ya kamata ba da tabbaci. Kuma, ba da tabbaci ba a cikin yankin ɗanin da a cikin wannan ɗanin ya kamata ba. Iyali, a kai kai. Duk hukuncin ɗanin, a kai kai. </p> <p id="p2"> <a href="/ha/about/index.html" title="Babban ɗanin CodeW3C.com">Babban ɗanin CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="Nassara CodeW3C.com">Nassara CodeW3C.com</a> <a href="/ha/about/about_use.html" title="Babban ɗanin amfani">Atawurin amfani</a> <a href="/ha/about/about_privacy.html" title="Babban ɗanin hawuni">Atawurin hawuni</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Iya da Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>