CodeW3C အွန်လိုင်း စာပေ
HTML စာပေ စာရင်း
ဘာသာစကား အခြေခံ
အက်ယ္ခရာ အခြေခံ
ပြောင်းလဲသည် စာပေ
XML စာပေ စာရင်း
ဝန်ဆောင်ရေး စာရင်း
ကိုယ်စားပြု စာရင်း
ပြည်ထောင်စု
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 အပျက်အစီး
Window Console
Window History
Window Location
Window Navigator
Window Screen
HTML DOM
HTML Document
HTML Element
HTML အချက်
HTML Event
HTML Event အပုံအရောက်
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML စနစ်
Web API
API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
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="/my/jsref/dom_obj_time.html" title="HTML DOM Time အကို"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အကို"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အကို"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အကို"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အကို"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အကို"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အကို"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အကို">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/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="/my/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ဗီဇ">borderLeftWidth</a></li> <li> နောက်ပိုင်း စာကြိုး <a href="/my/jsref/prop_style_borderright.html" title="Style borderRight ဗီဇ">borderRight</a></li> <li> အထက်ဘက် ပြန်သွား <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပျက်အစီး">HTML DOM Style အပျက်အစီး</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderRadius</code> 属性是用于设置或返回四个 borderRadius 属性的简写属性。</p> <p>四个 borderRadius 属性是（按此顺序）：</p> <ul> <li><a href="/my/jsref/prop_style_bordertopleftradius.html" title="Style borderTopLeftRadius ဗီဇ">borderTopLeftRadius</a></li> <li><a href="/my/jsref/prop_style_bordertoprightradius.html" title="Style borderTopRightRadius ဗီဇ">borderTopRightRadius</a></li> <li><a href="/my/jsref/prop_style_borderbottomrightradius.html" title="Style borderBottomRightRadius ဗီဇ">borderBottomRightRadius</a></li> <li><a href="/my/jsref/prop_style_borderbottomleftradius.html" title="Style borderBottomLeftRadius ဗီဇ">borderBottomLeftRadius</a></li> </ul> <p class="tip"><span>提示：</span>此属性允许您为元素添加圆角！</p> <h3>另请参阅：</h3> <p>CSS 参考手册：<a href="/my/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="/my/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="/my/cssref/css_initial.html" title="CSS initial အကြမ်းအား">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>အဖွဲ့ဝင် အထိ အကိုးအချုပ် ချဲ့ကတ် ပြီး ကြည့်ပါ: <a href="/my/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="/my/cssref/pr_border-radius.html" title="CSS border-radius ဗီဇ">border-radius အကိုးအချုပ်</a>。</td> </tr> <tr> <th>စက်ပိုင်း ပုံစံ:</th> <td>စက်ပိုင်း တိုးတက်</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="/my/jsref/prop_style_borderleftwidth.html" title="Style borderLeftWidth ဗီဇ">borderLeftWidth</a></li> <li> နောက်ပိုင်း စာကြိုး <a href="/my/jsref/prop_style_borderright.html" title="Style borderRight ဗီဇ">borderRight</a></li> <li> အထက်ဘက် ပြန်သွား <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပျက်အစီး">HTML DOM Style အပျက်အစီး</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="/my/jsref/index.html">JavaScript နှင့် HTML DOM ကိုယ်စားပြု စာရင်း</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">ဂျပ်တိုးစင်း အမှတ်စဉ်</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="နှင့်ပတ်သတ်သည် CodeW3C.com">နှင့်ပတ်သတ်သည် CodeW3C.com</a> <a href="/my/about/about_helping.html" title="ကူညီပေးရာ CodeW3C.com">ကူညီပေးရာ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း နှင့်ပတ်သတ်သည်">အသုံးပြု အခြေခံ</a> <a href="/my/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>