Style borderTopWidth 属性

جدول درس

دستورالعمل JS

JavaScript

Window

HTML DOM

API وب

HTML کا آئیٹم

</a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="عنصر DOM Time HTML"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="عنصر DOM Title HTML"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="عنصر DOM Track HTML"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="عنصر DOM Underline HTML"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="عنصر DOM Ul HTML"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="عنصر DOM Variable HTML"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="عنصر DOM Video HTML"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="عنصر CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="تحويلات نوع JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/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 borderTopWidth 属性</h1> <div class="prenextnav-ref"> <ul> <li> صفحه قبلی <a href="/ur/jsref/prop_style_bordertopstyle.html" title="خصوصیت borderTopStyle Style">borderTopStyle</a></li> <li> صفحه بعدی <a href="/ur/jsref/prop_style_borderwidth.html" title="خصوصیت borderWidth Style">borderWidth</a></li> <li> بازگشت به طبقه بالاتر <a href="/ur/jsref/dom_obj_style.html" title="صندوق Style HTML DOM">صندوق Style HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderTopWidth</code> 属性设置或返回元素上边框的宽度。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/ur/css/css_border.html" title="حاشیه CSS">حاشیه CSS</a></p> <p>CSS 参考手册：<a href="/ur/cssref/pr_border-top-width.html" title="خصوصیت border-top-width CSS">border-top-width 属性</a></p> <p>HTML DOM 参考手册：<a href="/ur/jsref/prop_style_border.html" title="خصوصیت border Style">border 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>将 <div> 元素的上边框宽度更改为 10px：</p> <pre class="language-js"> document.getElementById("myDiv").style.borderTopWidth = "10px"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopwidth_1">亲自试一试</a></p> <h3>例子 2</h3> <p>将 <div> 元素的上边框宽度更改为细：</p> <pre class="language-js"> document.getElementById("myDiv").style.borderTopWidth = "thin"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopwidth_2">亲自试一试</a></p> <h3>例子 3</h3> <p>返回 <div> 元素上边框的宽度：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.borderTopWidth); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopwidth_3">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 borderTopWidth 属性：</p> <pre><i>object</i>.style.borderTopWidth</pre> <p>设置 borderTopWidth 属性：</p> <pre><i>object</i>.style.borderTopWidth = "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>medium</td> <td>定义中等边框。默认。</td> </tr> <tr> <td>thick</td> <td>定义粗边框。</td> </tr> <tr> <td><i>length</i></td> <td>以长度计的边框宽度。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/ur/cssref/css_initial.html" title="کلمه کلیدی initial CSS">initial</a>۔</td> </tr> <tr> <td>inherit</td> <td>اس کی ماں عنصر سے اس کا حصول کریں، لطفاً دیکھیئے <a href="/ur/cssref/css_inherit.html" title="کلمه کلیدی inherit CSS">inherit</a>۔</td> </tr> </table> </div> <div> <h2>تکنیکی تفصیلات</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">مقصد:</th> <td>medium</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">چروم</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>چروم</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="/ur/jsref/prop_style_bordertopstyle.html" title="خصوصیت borderTopStyle Style">borderTopStyle</a></li> <li> صفحه بعدی <a href="/ur/jsref/prop_style_borderwidth.html" title="خصوصیت borderWidth Style">borderWidth</a></li> <li> بازگشت به طبقه بالاتر <a href="/ur/jsref/dom_obj_style.html" title="صندوق Style HTML DOM">صندوق Style HTML DOM</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="/ur/jsref/index.html">دستورالعمل مرجع JavaScript و HTML DOM</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">مثال‌های JavaScript</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">آزمون JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/ur/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="/ur/about/index.html" title="درباره CodeW3C.com">درباره CodeW3C.com</a> <a href="/ur/about/about_helping.html" title="کمک CodeW3C.com">کمک CodeW3C.com</a> <a href="/ur/about/about_use.html" title="درباره استفاده">شرایط استفاده</a> <a href="/ur/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>