کدووسی درجیلی کی آن لائن تعلیمات
ایچ تی ایم ایل سیریز تعلیمات
ਬਰਾਊਜ਼ਰ ਸਕ੍ਰਿਪਟ
ਸਰਵਰ ਸਕ੍ਰਿਪਟ
پروگرامنگ تعلیمات
ایکس ایم ال سیریز تعلیمات
سائٹ منجمن دستورات
مراجع دستورات
ਕੋਰਸ ਸਾਈਟ
JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ
JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ (ਵਰਗ ਅਨੁਸਾਰ)
JS ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ (ਅਕਸਰ ਇਉਨੀਕ ਕਰਨ ਅਨੁਸਾਰ)
JavaScript
JS ਅਰਾਯਜ਼
JS ਬੋਲੀਨ
JS ਕਲਾਸ
JS ਦਿਨ
JS ਈਰਰ
JS ਗਲੋਬਲ
JS JSON
JS Map
JS ਮੈਥ
JS ਨੰਬਰ
JS Promise
JS RegExp
JS ਸੈੱਟ
JS ਸਟ੍ਰਿੰਗ
JS ਆਬੈਕਸ
JS ਆਪਰੇਟਰ
JS ਆਪਰੇਟਰ ਪ੍ਰਾਥਮਿਕਤਾ
JS ਸਟੇਟਮੈਂਟ
JS ਟਾਈਪਡ ਅਰਾਇਜ਼
ਵਿੰਡੋ
ویندو آوائیج
ਵਿੰਡੋ ਕੰਸੋਲ
ਵਿੰਡੋ ਹਿਸਟਰੀ
ਵਿੰਡੋ ਲੋਕੇਸ਼ਨ
ਵਿੰਡੋ ਨੇਵੀਗੇਟਰ
ਵਿੰਡੋ ਸਕਰੀਨ
HTML DOM
HTML ਡੌਕੂਮੈਂਟ
HTML ਐਲੀਮੈਂਟ
HTML ਅਟਰੀਬਿਊਟ
HTML ਈਵੈਂਟ
HTML ਈਵੈਂਟ ਆਬੈਕਸ
HTML ਕਲੈਕਸ਼ਨ
HTML NodeList
HTML DOMTokenList
HTML ਸਟਾਈਲ
ਵੈੱਬ API
API ਕੈਂਵਾਸ
API ਕੰਸੋਲ
API ਫੈੱਚ
API ਫੁਲਸਕਰੀਨ
API ਜੀਓਲੋਸਿਏਸ਼ਨ
API ਹਿਸਟਰੀ
API MediaQueryList
API ਸਟੋਰੇਜ
API ਪ੍ਰਮਾਣਨ
API ਵੈੱਬ
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="/pa/jsref/dom_obj_time.html" title="HTML DOM Time ਆਬਾਦੀ"><time></a></li> <li><a href="/pa/jsref/dom_obj_title.html" title="HTML DOM Title ਆਬਾਦੀ"><title></a></li> <li><a href="/pa/jsref/dom_obj_track.html" title="HTML DOM Track ਆਬਾਦੀ"><track></a></li> <li><a href="/pa/jsref/dom_obj_u.html" title="HTML DOM Underline ਆਬਾਦੀ"><u></a></li> <li><a href="/pa/jsref/dom_obj_ul.html" title="HTML DOM Ul ਆਬਾਦੀ"><ul></a></li> <li><a href="/pa/jsref/dom_obj_var.html" title="HTML DOM Variable ਆਬਾਦੀ"><var></a></li> <li><a href="/pa/jsref/dom_obj_video.html" title="HTML DOM Video ਆਬਾਦੀ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/pa/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration ਆਬਾਦੀ">CSSStyleDeclaration</a></li> <li><a href="/pa/jsref/jsref_type_conversion.html" title="JavaScript ਟਾਈਪ ਕਨਵਰਸ਼ਨ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/pa/howto/index.html" title="CodeW3C.com ਦਾ ਮਾਲਾ">CodeW3C.com ਦਾ ਮਾਲਾ</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> ਪਿੱਛਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ਪ੍ਰਤੀਯੋਗਿਤਾ">borderLeftWidth</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderright.html" title="Style borderRight ਪ੍ਰਤੀਯੋਗਿਤਾ">borderRight</a></li> <li> ਪਿੱਛੇ ਪੱਧਰ ਵਾਪਸ ਜਾਓ <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آوائیج">ایچ تی ایم ال ڈوم اسٹائل آوائیج</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderRadius</code> 属性是用于设置或返回四个 borderRadius 属性的简写属性。</p> <p>四个 borderRadius 属性是（按此顺序）：</p> <ul> <li><a href="/pa/jsref/prop_style_bordertopleftradius.html" title="Style borderTopLeftRadius ਪ੍ਰਤੀਯੋਗਿਤਾ">borderTopLeftRadius</a></li> <li><a href="/pa/jsref/prop_style_bordertoprightradius.html" title="Style borderTopRightRadius ਪ੍ਰਤੀਯੋਗਿਤਾ">borderTopRightRadius</a></li> <li><a href="/pa/jsref/prop_style_borderbottomrightradius.html" title="Style borderBottomRightRadius ਪ੍ਰਤੀਯੋਗਿਤਾ">borderBottomRightRadius</a></li> <li><a href="/pa/jsref/prop_style_borderbottomleftradius.html" title="Style borderBottomLeftRadius ਪ੍ਰਤੀਯੋਗਿਤਾ">borderBottomLeftRadius</a></li> </ul> <p class="tip"><span>提示：</span>此属性允许您为元素添加圆角！</p> <h3>另请参阅：</h3> <p>CSS 参考手册：<a href="/pa/cssref/pr_border-radius.html" title="CSS border-radius ਪ੍ਰਤੀਯੋਗਿਤਾ">border-radius ਵਿਸ਼ੇਸ਼ਤਾ</a></p> </div> <div> <h2>实例</h2> <p>为 div 元素添加圆角边框：</p> <pre class="language-js"> document.getElementById("myDIV").style.borderRadius = "25px"; </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_style_borderradius">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 borderRadius 属性：</p> <pre><i>object</i>.style.borderRadius</pre> <p>设置 borderRadius 属性：</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>注释：</span>每个半径的四个值按左上、右上、右下、左下的顺序给出。如果省略左下角，则与右上角相同。如果省略右下角，则与左上角相同。如果省略了右上角，则它与左上角相同。</p> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td><i>length</i></td> <td>定义角的形状。默认值为 0。</td> </tr> <tr> <td><i>%</i></td> <td>以百分比定义圆角的形状。</td> </tr> <tr> <td>initial</td> <td>ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮੂਲ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ। ਦੇਖੋ <a href="/pa/cssref/css_initial.html" title="CSS initial ਕੀਵਾਰਡ">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਆਪਣੇ ਮਾਤਾ ਵਿਸ਼ੇਸ਼ਤਾ ਤੋਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਲੈ ਲੈਂਦੀ ਹੈ। ਦੇਖੋ <a href="/pa/cssref/css_inherit.html" title="CSS inherit ਕੀਵਾਰਡ">inherit</a>.</td> </tr> </table> </div> <div> <h2>ਤਕਨੀਕੀ ਵੇਰਵਾ</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">ਮੂਲ ਵਿਸ਼ੇਸ਼ਤਾ:</th> <td>0</td> </tr> <tr> <th>ਰਿਟਰਨ ਵਿਸ਼ੇਸ਼ਤਾ:</th> <td>ਸਟਰਿੰਗ, ਜਿਸ ਨੂੰ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਪ੍ਰਤੀਕ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ <a href="/pa/cssref/pr_border-radius.html" title="CSS border-radius ਪ੍ਰਤੀਯੋਗਿਤਾ">border-radius ਵਿਸ਼ੇਸ਼ਤਾ</a>.</td> </tr> <tr> <th>CSS ਸੰਸਕਰਣ:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ</h2> <table class="browser-support"> <tr> <th class="bsChrome">ਚਰਮ</th> <th class="bsEdge">ਐਜ਼</th> <th class="bsFirefox">ਫਾਇਰਫਾਕਸ</th> <th class="bsSafari">ਸਫਾਰੀ</th> <th class="bsOpera">ਓਪਰਾ</th> </tr> <tr> <td>ਚਰਮ</td> <td>ਐਜ਼</td> <td>ਫਾਇਰਫਾਕਸ</td> <td>ਸਫਾਰੀ</td> <td>ਓਪਰਾ</td> </tr> <tr> <td>ਸਮਰਥਨ</td> <td>9.0</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> <td>ਸਮਰਥਨ</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ਪਿੱਛਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ਪ੍ਰਤੀਯੋਗਿਤਾ">borderLeftWidth</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderright.html" title="Style borderRight ਪ੍ਰਤੀਯੋਗਿਤਾ">borderRight</a></li> <li> ਪਿੱਛੇ ਪੱਧਰ ਵਾਪਸ ਜਾਓ <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آوائیج">ایچ تی ایم ال ڈوم اسٹائل آوائیج</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> ਟੂਲਬਾਕਸ </center><h3> <h5 id="tools_reference"><a href="/pa/jsref/index.html">جاوا اسکریپٹ اور ایچ تی ایم ال ڈوم مراجع دستورات</a></h5> <h5 id="tools_example"><a href="/pa/js/js_examples.html">JavaScript ਮਾਪਦੰਡ</a></h5> <h5 id="tools_quiz"><a href="/pa/js/js_quiz.html">JavaScript ਟੈਸਟ</a></h5> <h5 id="tools_tutorial"><a href="/pa/js/index.html">JavaScript ਸਿੱਖਿਆ</a></h5> </div> <div><h3><center> ਸਪਾਂਸਰ ਲਿੰਕ </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com ਵੱਲੋਂ ਪ੍ਰਦਾਨ ਕੀਤੀ ਗਈ ਸਮਗਰੀ ਟ੍ਰੇਨਿੰਗ ਅਤੇ ਟੈਸਟ ਲਈ ਹੈ, ਸਹੀਤਾ ਨਹੀਂ ਗਾਰੰਟੀ ਕੀਤੀ ਜਾਂਦੀ ਹੈ।ਇਸ ਸਾਇਟ ਦੀ ਸਮਗਰੀ ਦੀ ਵਰਤੋਂ ਨਾਲ ਆਉਣ ਵਾਲੇ ਜੋਖਮ ਇਸ ਸਾਇਟ ਨਾਲ ਨਹੀਂ ਸਬੰਧਤ ਹਨ।ਸਾਰੇ ਹਕਾਇਤਾਂ, ਸਾਰੇ ਹੱਕ ਸੁਰੱਖਿਆ ਹਨ। </p> <p id="p2"> <a href="/pa/about/index.html" title="ਬਾਰੇ CodeW3C.com">ਬਾਰੇ CodeW3C.com</a> <a href="/pa/about/about_helping.html" title="ਮਦਦ CodeW3C.com">ਮਦਦ CodeW3C.com</a> <a href="/pa/about/about_use.html" title="ਬਾਰੇ ਵਰਤੋਂ">ਵਰਤੋਂ ਪ੍ਰਾਵਧਾਨ</a> <a href="/pa/about/about_privacy.html" title="ਬਾਰੇ ਗੁੱਪ">ਗੁੱਪ ਪ੍ਰਾਵਧਾਨ</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="پاورڈ بے Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>