Style borderTopStyle 属性

پریوائز سیکل

جے ایس رجسٹری

جے ایس

ویندو

وایب ڈوم

وایب اپی

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>
</a></li> <li><a href="/ur/jsref/dom_obj_image.html" title="ایچ تی ایم ال ڈوم ایمیج آؤٹ"><img></a></li> <li><a href="/ur/jsref/dom_obj_ins.html" title="ایچ تی ایم ال ڈوم انس آؤٹ"><ins></a></li> <li><a href="/ur/jsref/dom_obj_button.html" title="HTML DOM بٹن آپرائز"><input> button</a></li> <li><a href="/ur/jsref/dom_obj_checkbox.html" title="HTML DOM چیک باکس آپرائز"><input> checkbox</a></li> <li><a href="/ur/jsref/dom_obj_color.html" title="HTML DOM رنگ آپرائز"><input> color</a></li> <li><a href="/ur/jsref/dom_obj_date.html" title="HTML DOM تاریخ آپرائز"><input> date</a></li> <li><a href="/ur/jsref/dom_obj_datetime.html" title="HTML DOM تاریخ و وقت آپرائز"><input> datetime</a></li> <li><a href="/ur/jsref/dom_obj_datetime-local.html" title="HTML DOM تاریخ و وقت مقیاس یاب آپرائز"><input> datetime-local</a></li> <li><a href="/ur/jsref/dom_obj_email.html" title="HTML DOM ای میل آپرائز"><input> email</a></li> <li><a href="/ur/jsref/dom_obj_fileupload.html" title="HTML DOM فائل اپ لوڈ آپرائز"><input> file</a></li> <li><a href="/ur/jsref/dom_obj_hidden.html" title="HTML DOM چھپا آپرائز"><input> hidden</a></li> <li><a href="/ur/jsref/dom_obj_input_image.html" title="HTML DOM تصویر آپرائز"><input> image</a></li> <li><a href="/ur/jsref/dom_obj_month.html" title="HTML DOM ماہ آپرائز"><input> month</a></li> <li><a href="/ur/jsref/dom_obj_number.html" title="HTML DOM عدد آپرائز"><input> number</a></li> <li><a href="/ur/jsref/dom_obj_password.html" title="HTML DOM پاسورڈ آپرائز"><input> password</a></li> <li><a href="/ur/jsref/dom_obj_radio.html" title="HTML DOM رادیو آپرائز"><input> radio</a></li> <li><a href="/ur/jsref/dom_obj_range.html" title="HTML DOM سنجش آپرائز"><input> range</a></li> <li><a href="/ur/jsref/dom_obj_reset.html" title="HTML DOM ریست آپرائز"><input> reset</a></li> <li><a href="/ur/jsref/dom_obj_search.html" title="HTML DOM تلاش آپرائز"><input> search</a></li> <li><a href="/ur/jsref/dom_obj_submit.html" title="HTML DOM ارسال آپرائز"><input> submit</a></li> <li><a href="/ur/jsref/dom_obj_text.html" title="HTML DOM متن آپرائز"><input> text</a></li> <li><a href="/ur/jsref/dom_obj_input_time.html" title="HTML DOM وقت آپرائز"><input> time</a></li> <li><a href="/ur/jsref/dom_obj_url.html" title="HTML DOM URL آپرائز"><input> url</a></li> <li><a href="/ur/jsref/dom_obj_week.html" title="HTML DOM ہفت آپرائز"><input> week</a></li> <li><a href="/ur/jsref/dom_obj_kbd.html" title="HTML DOM کیبڈ آپرائز"><kbd></a></li> <li><a href="/ur/jsref/dom_obj_label.html" title="HTML DOM لبل آپرائز"><label></a></li> <li><a href="/ur/jsref/dom_obj_legend.html" title="HTML DOM لگند آپرائز"><legend></a></li> <li><a href="/ur/jsref/dom_obj_li.html" title="HTML DOM لی آپرائز"><li></a></li> <li><a href="/ur/jsref/dom_obj_link.html" title="HTML DOM لنک آپرائز"><link></a></li> <li><a href="/ur/jsref/dom_obj_map.html" title="HTML DOM ماپ آپرائز"><map></a></li> <li><a href="/ur/jsref/dom_obj_mark.html" title="HTML DOM مارک آپرائز"><mark></a></li> <li><a href="/ur/jsref/dom_obj_menu.html" title="HTML DOM منو آپرائز"><menu></a></li> <li><a href="/ur/jsref/dom_obj_menuitem.html" title="HTML DOM منوی آپرائز"><menuitem></a></li> <li><a href="/ur/jsref/dom_obj_meta.html" title="HTML DOM میٹا آپرائز"><meta></a></li> <li><a href="/ur/jsref/dom_obj_meter.html" title="HTML DOM میٹر آپرائز"><meter></a></li> <li><a href="/ur/jsref/dom_obj_nav.html" title="HTML DOM ناو آپرائز"><nav></a></li> <li><a href="/ur/jsref/dom_obj_object.html" title="HTML DOM آپرائز"><object></a></li> <li><a href="/ur/jsref/dom_obj_ol.html" title="HTML DOM اول آپرائز"><ol></a></li> <li><a href="/ur/jsref/dom_obj_optgroup.html" title="HTML DOM گروپ آپشن آپرائز"><optgroup></a></li> <li><a href="/ur/jsref/dom_obj_option.html" title="HTML DOM آپشن آپرائز"><option></a></li> <li><a href="/ur/jsref/dom_obj_output.html" title="HTML DOM آپرائز"><output></a></li> <li><a href="/ur/jsref/dom_obj_paragraph.html" title="HTML DOM پاراگراف آپرائز"><p></a></li> <li><a href="/ur/jsref/dom_obj_param.html" title="HTML DOM پارامتر آپرائز"><param></a></li> <li><a href="/ur/jsref/dom_obj_pre.html" title="HTML DOM پر آپرائز"><pre></a></li> <li><a href="/ur/jsref/dom_obj_progress.html" title="HTML DOM پیشرفت آپرائز"><progress></a></li> <li><a href="/ur/jsref/dom_obj_quote.html" title="HTML DOM کیتا آپرائز"><q></a></li> <li><a href="/ur/jsref/dom_obj_s.html" title="HTML DOM S اوبجیکٹ"><s></a></li> <li><a href="/ur/jsref/dom_obj_samp.html" title="HTML DOM Samp اوبجیکٹ"><samp></a></li> <li><a href="/ur/jsref/dom_obj_script.html" title="HTML DOM Script اوبجیکٹ"><script></a></li> <li><a href="/ur/jsref/dom_obj_section.html" title="HTML DOM Section اوبجیکٹ"><section></a></li> <li><a href="/ur/jsref/dom_obj_select.html" title="HTML DOM Select اوبجیکٹ"><select></a></li> <li><a href="/ur/jsref/dom_obj_small.html" title="HTML DOM Small اوبجیکٹ"><small></a></li> <li><a href="/ur/jsref/dom_obj_source.html" title="HTML DOM Source اوبجیکٹ"><source></a></li> <li><a href="/ur/jsref/dom_obj_span.html" title="HTML DOM Span اوبجیکٹ"><span></a></li> <li><a href="/ur/jsref/dom_obj_strong.html" title="HTML DOM Strong اوبجیکٹ"><strong></a></li> <li><a href="/ur/jsref/dom_obj_sub.html" title="HTML DOM Subscript اوبجیکٹ"><sub></a></li> <li><a href="/ur/jsref/dom_obj_summary.html" title="HTML DOM Summary اوبجیکٹ"><summary></a></li> <li><a href="/ur/jsref/dom_obj_sup.html" title="HTML DOM Superscript اوبجیکٹ"><sup></a></li> <li><a href="/ur/jsref/dom_obj_table.html" title="HTML DOM Table اوبجیکٹ"><table></a></li> <li><a href="/ur/jsref/dom_obj_tbody.html" title="HTML DOM TBody اوبجیکٹ"><tbody></a></li> <li><a href="/ur/jsref/dom_obj_tabledata.html" title="HTML DOM TableData اوبجیکٹ"><td></a></li> <li><a href="/ur/jsref/dom_obj_tfoot.html" title="HTML DOM TFoot اوبجیکٹ"><tfoot></a></li> <li><a href="/ur/jsref/dom_obj_tablehead.html" title="HTML DOM TableHeader اوبجیکٹ"><th></a></li> <li><a href="/ur/jsref/dom_obj_thead.html" title="HTML DOM THead اوبجیکٹ"><thead></a></li> <li><a href="/ur/jsref/dom_obj_tablerow.html" title="HTML DOM TableRow اوبجیکٹ"><tr></a></li> <li><a href="/ur/jsref/dom_obj_textarea.html" title="HTML DOM Textarea اوبجیکٹ"><textarea></a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="HTML DOM Time اوبجیکٹ"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="HTML DOM Title اوبجیکٹ"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="HTML DOM Track اوبجیکٹ"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="HTML DOM Underline اوبجیکٹ"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="HTML DOM Ul اوبجیکٹ"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="HTML DOM Variable اوبجیکٹ"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="HTML DOM Video اوبجیکٹ"><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 borderTopStyle 属性</h1> <div class="prenextnav-ref"> <ul> <li> 前一頁 <a href="/ur/jsref/prop_style_bordertoprightradius.html" title="Style borderTopRightRadius کا اپنائی جانے والا کچھ">borderTopRightRadius</a></li> <li> آئندہ صفحہ <a href="/ur/jsref/prop_style_bordertopwidth.html" title="Style borderTopWidth کا اپنائی جانے والا کچھ">borderTopWidth</a></li> <li> ایک پلیٹ کی واپسی <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آٹھارک">ایچ تی ایم ال ڈوم اسٹائل آٹھارک</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderTopStyle</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-style.html" title="CSS border-top-style کا اپنائی جانے والا کچھ">بوردر-آپ-استایل پراپرٹی</a></p> <p>HTML DOM مرجع دستور زبان:<a href="/ur/jsref/prop_style_border.html" title="Style border کا اپنائی جانے والا کچھ">بوردر پراپرٹی</a></p> </div> <div> <h2>مثال</h2> <h3>مثال 1</h3> <p>کامپوزنٹ <div> کو سخت بالا کانتینر بوردر ڈر آپ کریں:</p> <pre class="language-js"> document.getElementById("myDiv").style.borderTopStyle = "solid"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopstyle_1">آزمایش کنید</a></p> <h3>مثال 2</h3> <p>تغییر لبه‌های بالا عناصر <div> به "dotted":</p> <pre class="language-js"> document.getElementById("myDiv").style.borderTopStyle = "dotted"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopstyle_2">آزمایش کنید</a></p> <h3>مثال 3</h3> <p>بازگشتی لبه‌های بالا عناصر <div>:</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.borderTopStyle); </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopstyle_3">آزمایش کنید</a></p> <h3>مثال 4</h3> <p>مثال‌های نمایشی برای همه مقادیر مختلف:</p> <pre class="language-js"> var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("myDiv").style.borderTopStyle = listValue; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_bordertopstyle_all">آزمایش کنید</a></p> </div> <div> <h2>شرح</h2> <p>بازگشتی borderTopStyle属性:</p> <pre><i>object</i>.style.borderTopStyle</pre> <p>تنظیم کردن borderTopStyle属性:</p> <pre><i>object</i>.style.borderTopStyle = <i>value</i>|initial|inherit</pre> <table class="dataintable"> <tr> <th style="width: 25%;">مقدار</th> <th>توضیح</th> </tr> <tr> <td>هیچ‌چیزی</td> <td>لبه‌های بدون تعریف. پیش‌فرض.</td> </tr> <tr> <td>hidden</td> <td>با "none" مشابه است، اما در حل اختلافات لبه‌های عناصر جدول استثنا شده است.</td> </tr> <tr> <td>dotted</td> <td>تعریف لبه‌های نقطه‌ای.</td> </tr> <tr> <td>dashed</td> <td>تعریف لبه‌های خطی.</td> </tr> <tr> <td>solid</td> <td>تعریف لبه‌های جامد.</td> </tr> <tr> <td>double</td> <td>تعریف دو لبه. عرض هر دو لبه با مقدار border-width مشابه است.</td> </tr> <tr> <td>groove</td> <td>تعریف لبه‌های سه‌بعدی groove. تأثیر آن بستگی به <a href="/ur/cssref/pr_border-color.html" title="CSS border-color کا اپنائی جانے والا کچھ">border-color</a> مقدارهای آن را ببینید.</td> </tr> <tr> <td>ridge</td> <td>تعریف لبه‌های سه‌بعدی ridge. تأثیر آن بستگی به <a href="/ur/cssref/pr_border-color.html" title="CSS border-color کا اپنائی جانے والا کچھ">border-color</a> مقدارهای آن را ببینید.</td> </tr> <tr> <td>inset</td> <td>تعریف لبه‌های سه‌بعدی inset. تأثیر آن بستگی به <a href="/ur/cssref/pr_border-color.html" title="CSS border-color کا اپنائی جانے والا کچھ">border-color</a> مقدارهای آن را ببینید.</td> </tr> <tr> <td>outset</td> <td>تعریف لبه‌های سه‌بعدی outset. تأثیر آن بستگی به <a href="/ur/cssref/pr_border-color.html" title="CSS border-color کا اپنائی جانے والا کچھ">border-color</a> مقدارهای آن را ببینید.</td> </tr> <tr> <td>initial</td> <td>این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به <a href="/ur/cssref/css_initial.html" title="CSS initial کا لفظ">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به <a href="/ur/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>هیچ‌چیزی</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">ایج</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>پشتیبانی می‌کند</td> <td>پشتیبانی می‌کند</td> <td>پشتیبانی می‌کند</td> <td>پشتیبانی می‌کند</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> 前一頁 <a href="/ur/jsref/prop_style_bordertoprightradius.html" title="Style borderTopRightRadius کا اپنائی جانے والا کچھ">borderTopRightRadius</a></li> <li> آئندہ صفحہ <a href="/ur/jsref/prop_style_bordertopwidth.html" title="Style borderTopWidth کا اپنائی جانے والا کچھ">borderTopWidth</a></li> <li> ایک پلیٹ کی واپسی <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ایم ال ڈوم اسٹائل آٹھارک">ایچ تی ایم ال ڈوم اسٹائل آٹھارک</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">جاوا اسکریپت اور ایچ تی ایم ال ڈوم مراجع دستورالعمل</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="پاورڈ بائی سی 4 ای ای کوم"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>