Style borderWidth 属性

ပြည်ထောင်စုအချုပ်

ဂျူနီယံ အကြောင်းကြားရေး

ဂျူနီယံ

ဝီကီ

ဝီကီ ဒီမိုင်း

ဝီကီ အေဘီအို

ဟောင်းသုံးအကိုးး

</a></li> <li><a href="/my/jsref/dom_obj_image.html" title="HTML DOM Image အပြားပြားဆိုင်ရာ"><img></a></li> <li><a href="/my/jsref/dom_obj_ins.html" title="HTML DOM Ins အပြားပြားဆိုင်ရာ"><ins></a></li> <li><a href="/my/jsref/dom_obj_button.html" title="HTML DOM အမှုံ့အယူပိုင် ဘက်တန်း"><input> button</a></li> <li><a href="/my/jsref/dom_obj_checkbox.html" title="HTML DOM အမှုံ့အယူပိုင် ချက်ချင်း"><input> checkbox</a></li> <li><a href="/my/jsref/dom_obj_color.html" title="HTML DOM အမှုံ့အယူပိုင် အရောင်"><input> color</a></li> <li><a href="/my/jsref/dom_obj_date.html" title="HTML DOM အမှုံ့အယူပိုင် ရက်"><input> date</a></li> <li><a href="/my/jsref/dom_obj_datetime.html" title="HTML DOM အမှုံ့အယူပိုင် ရက်စွဲ တစ်ခု"><input> datetime</a></li> <li><a href="/my/jsref/dom_obj_datetime-local.html" title="HTML DOM အမှုံ့အယူပိုင် ရက်စွဲ အချိန်"><input> datetime-local</a></li> <li><a href="/my/jsref/dom_obj_email.html" title="HTML DOM အမှုံ့အယူပိုင် အိမ်ရှင်သတင်း"><input> email</a></li> <li><a href="/my/jsref/dom_obj_fileupload.html" title="HTML DOM အမှုံ့အယူပိုင် ဖိုင်တင်"><input> file</a></li> <li><a href="/my/jsref/dom_obj_hidden.html" title="HTML DOM အမှုံ့အယူပိုင် လျှို့ဝှက်"><input> hidden</a></li> <li><a href="/my/jsref/dom_obj_input_image.html" title="HTML DOM အမှုံ့အယူပိုင် လက်ရှိုင်း"><input> image</a></li> <li><a href="/my/jsref/dom_obj_month.html" title="HTML DOM အမှုံ့အယူပိုင် လစာ"><input> month</a></li> <li><a href="/my/jsref/dom_obj_number.html" title="HTML DOM အမှုံ့အယူပိုင် ပုံစံ"><input> number</a></li> <li><a href="/my/jsref/dom_obj_password.html" title="HTML DOM အမှုံ့အယူပိုင် ပတ်ဝန်းကျင်"><input> password</a></li> <li><a href="/my/jsref/dom_obj_radio.html" title="HTML DOM အမှုံ့အယူပိုင် ရိုက်နှက်"><input> radio</a></li> <li><a href="/my/jsref/dom_obj_range.html" title="HTML DOM အမှုံ့အယူပိုင် သတ်မှတ်"><input> range</a></li> <li><a href="/my/jsref/dom_obj_reset.html" title="HTML DOM အမှုံ့အယူပိုင် ပြန်လည်စစ်ဆေး"><input> reset</a></li> <li><a href="/my/jsref/dom_obj_search.html" title="HTML DOM အမှုံ့အယူပိုင် တင်ပြ"><input> search</a></li> <li><a href="/my/jsref/dom_obj_submit.html" title="HTML DOM အမှုံ့အယူပိုင် ပြောင်းလဲ"><input> submit</a></li> <li><a href="/my/jsref/dom_obj_text.html" title="HTML DOM အမှုံ့အယူပိုင် စကား"><input> text</a></li> <li><a href="/my/jsref/dom_obj_input_time.html" title="HTML DOM အမှုံ့အယူပိုင် အချိန်"><input> time</a></li> <li><a href="/my/jsref/dom_obj_url.html" title="HTML DOM အမှုံ့အယူပိုင် ဝေးကွာ"><input> url</a></li> <li><a href="/my/jsref/dom_obj_week.html" title="HTML DOM အမှုံ့အယူပိုင် ပုံစံ"><input> week</a></li> <li><a href="/my/jsref/dom_obj_kbd.html" title="HTML DOM အမှုံ့အယူပိုင် ကယ်လီ"><kbd></a></li> <li><a href="/my/jsref/dom_obj_label.html" title="HTML DOM အမှုံ့အယူပိုင် သတင်း"><label></a></li> <li><a href="/my/jsref/dom_obj_legend.html" title="HTML DOM အမှုံ့အယူပိုင် အခြေခံ"><legend></a></li> <li><a href="/my/jsref/dom_obj_li.html" title="HTML DOM အမှုံ့အယူပိုင် လိုင်"><li></a></li> <li><a href="/my/jsref/dom_obj_link.html" title="HTML DOM အမှုံ့အယူပိုင် လေးတန်း"><link></a></li> <li><a href="/my/jsref/dom_obj_map.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><map></a></li> <li><a href="/my/jsref/dom_obj_mark.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><mark></a></li> <li><a href="/my/jsref/dom_obj_menu.html" title="HTML DOM အမှုံ့အယူပိုင် အစီအစဉ်"><menu></a></li> <li><a href="/my/jsref/dom_obj_menuitem.html" title="HTML DOM အမှုံ့အယူပိုင် အစီအစဉ်"><menuitem></a></li> <li><a href="/my/jsref/dom_obj_meta.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><meta></a></li> <li><a href="/my/jsref/dom_obj_meter.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><meter></a></li> <li><a href="/my/jsref/dom_obj_nav.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><nav></a></li> <li><a href="/my/jsref/dom_obj_object.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><object></a></li> <li><a href="/my/jsref/dom_obj_ol.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><ol></a></li> <li><a href="/my/jsref/dom_obj_optgroup.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><optgroup></a></li> <li><a href="/my/jsref/dom_obj_option.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><option></a></li> <li><a href="/my/jsref/dom_obj_output.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><output></a></li> <li><a href="/my/jsref/dom_obj_paragraph.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><p></a></li> <li><a href="/my/jsref/dom_obj_param.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><param></a></li> <li><a href="/my/jsref/dom_obj_pre.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><pre></a></li> <li><a href="/my/jsref/dom_obj_progress.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><progress></a></li> <li><a href="/my/jsref/dom_obj_quote.html" title="HTML DOM အမှုံ့အယူပိုင် အချက်"><q></a></li> <li><a href="/my/jsref/dom_obj_s.html" title="HTML DOM S အားကွယ်ရာ"><s></a></li> <li><a href="/my/jsref/dom_obj_samp.html" title="HTML DOM Samp အားကွယ်ရာ"><samp></a></li> <li><a href="/my/jsref/dom_obj_script.html" title="HTML DOM Script အားကွယ်ရာ"><script></a></li> <li><a href="/my/jsref/dom_obj_section.html" title="HTML DOM Section အားကွယ်ရာ"><section></a></li> <li><a href="/my/jsref/dom_obj_select.html" title="HTML DOM Select အားကွယ်ရာ"><select></a></li> <li><a href="/my/jsref/dom_obj_small.html" title="HTML DOM Small အားကွယ်ရာ"><small></a></li> <li><a href="/my/jsref/dom_obj_source.html" title="HTML DOM Source အားကွယ်ရာ"><source></a></li> <li><a href="/my/jsref/dom_obj_span.html" title="HTML DOM Span အားကွယ်ရာ"><span></a></li> <li><a href="/my/jsref/dom_obj_strong.html" title="HTML DOM Strong အားကွယ်ရာ"><strong></a></li> <li><a href="/my/jsref/dom_obj_sub.html" title="HTML DOM Subscript အားကွယ်ရာ"><sub></a></li> <li><a href="/my/jsref/dom_obj_summary.html" title="HTML DOM Summary အားကွယ်ရာ"><summary></a></li> <li><a href="/my/jsref/dom_obj_sup.html" title="HTML DOM Superscript အားကွယ်ရာ"><sup></a></li> <li><a href="/my/jsref/dom_obj_table.html" title="HTML DOM Table အားကွယ်ရာ"><table></a></li> <li><a href="/my/jsref/dom_obj_tbody.html" title="HTML DOM TBody အားကွယ်ရာ"><tbody></a></li> <li><a href="/my/jsref/dom_obj_tabledata.html" title="HTML DOM TableData အားကွယ်ရာ"><td></a></li> <li><a href="/my/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot အားကွယ်ရာ"><tfoot></a></li> <li><a href="/my/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader အားကွယ်ရာ"><th></a></li> <li><a href="/my/jsref/dom_obj_thead.html" title="HTML DOM THead အားကွယ်ရာ"><thead></a></li> <li><a href="/my/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow အားကွယ်ရာ"><tr></a></li> <li><a href="/my/jsref/dom_obj_textarea.html" title="HTML DOM Textarea အားကွယ်ရာ"><textarea></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 borderWidth 属性</h1> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံး စာရင်း <a href="/my/jsref/prop_style_bordertopwidth.html" title="Style borderTopWidth လက်ရှိ">borderTopWidth</a></li> <li> နောက်ဆုံး စာရင်း <a href="/my/jsref/prop_style_bottom.html" title="Style bottom လက်ရှိ">bottom</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>borderWidth</code> 属性设置或返回元素边框的宽度。</p> <p>此属性可以采用一到四个值：</p> <ul> <li>一个值，例如：p {border-width: thick} - 所有四个边框都是粗</li> <li>两个值，例如：p {border-width: thick thin} - 上下边框粗，左右边框细</li> <li>三个值，例如：p {border-width: thick thin medium} - 上边框粗，左右边框细，下边框中等</li> <li>四个值，例如：p {border-width: thick thin medium 10px} - 上边框粗，右边框细，下边框中等，左边框 10px</li> </ul> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/my/css/css_border.html" title="CSS အကွယ်">CSS အကွယ်</a></p> <p>CSS 参考手册：<a href="/my/cssref/pr_border-width.html" title="CSS border-width လက်ရှိ">border-width 属性</a></p> <p>HTML DOM 参考手册：<a href="/my/jsref/prop_style_border.html" title="Style border လက်ရှိ">border 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>更改 <div> 元素的四个边框的宽度：</p> <pre class="language-js"> document.getElementById("myDiv").style.borderWidth = "thick"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_borderwidth_1">亲自试一试</a></p> <h3>例子 2</h3> <p>将 <div> 元素的上下边框宽度更改为粗，左右边框更改为细：</p> <pre class="language-js"> document.getElementById("myDiv").style.borderWidth = "thick thin"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_borderwidth_2">亲自试一试</a></p> <h3>例子 3</h3> <p>使用长度值更改 <div> 元素的四个边框的宽度：</p> <pre class="language-js"> document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_borderwidth_3">亲自试一试</a></p> <h3>例子 4</h3> <p>返回 <div> 元素的边框宽度：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.borderWidth); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_borderwidth_4">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 borderWidth 属性：</p> <pre><i>object</i>.style.borderWidth</pre> <p>设置 borderWidth 属性：</p> <pre><i>object</i>.style.borderWidth = "thin|medium|thick|<i>length</i>|initial|inherit"</pre> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td>thin</td> <td>定义细边框。</td> </tr> <tr> <td>လိင်ကျဉ်</td> <td>定义中等边框。默认。</td> </tr> <tr> <td>thick</td> <td>定义粗边框。</td> </tr> <tr> <td><i>length</i></td> <td>以长度计的边框宽度。</td> </tr> <tr> <td>မူကျင်း</td> <td>将此属性设置为其默认值。请参阅 <a href="/my/cssref/css_initial.html" title="CSS initial အကြမ်းအား">မူကျင်း</a>。</td> </tr> <tr> <td>လက်ခံလာ</td> <td>ပြီး ဖြစ်သည်ကို ကြည့်ရှုရန် <a href="/my/cssref/css_inherit.html" title="CSS inherit အကြမ်းအား">လက်ခံလာ</a>。</td> </tr> </table> </div> <div> <h2>နည်းပါးစကား</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">မူကျင်းပြင်း</th> <td>လိင်ကျဉ်</td> </tr> <tr> <th>သတင်းပို့ခြင်း</th> <td>သုံးစွဲသူ အဖက်အရှိဂါ အကျယ်အဝန်း ကို အစိုးရသည်。</td> </tr> <tr> <th>CSS မူကျင်း</th> <td>CSS1</td> </tr> </table> </div> <div> <h2>ဘာသာပြန် ကြောင်းဖော်</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>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံး စာရင်း <a href="/my/jsref/prop_style_bordertopwidth.html" title="Style borderTopWidth လက်ရှိ">borderTopWidth</a></li> <li> နောက်ဆုံး စာရင်း <a href="/my/jsref/prop_style_bottom.html" title="Style bottom လက်ရှိ">bottom</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>  <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">JavaScript အကြောင်းကြား</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>  <script src="/myjs/tongji.js"></script> </body> </html>