Style borderBottomColor 属性

جدول درس

منبع مرجع جاوااسکریپت

جاوااسکریپت

ویندوز

DOM HTML

API وایب

HTML ਆਬਜੈਕਟ

</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 borderBottomColor 属性</h1> <div class="prenextnav-ref"> <ul> <li> ਪਿੱਛਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderbottom.html" title="Style borderBottom ਗੁਣ">borderBottom</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderbottomleftradius.html" title="Style borderBottomLeftRadius ਗੁਣ">borderBottomLeftRadius</a></li> <li> ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال DOM اسٹائل آوبجیکٹ">ایچ تی ایم ال DOM اسٹائل آوبجیکٹ</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderBottomColor</code> 属性设置或返回元素下边框的颜色。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/pa/css/css_border.html" title="CSS ਬਾਰੰਬਾਰੀ">CSS ਬਾਰੰਬਾਰੀ</a></p> <p>CSS 参考手册：<a href="/pa/cssref/pr_border-bottom-color.html" title="CSS border-bottom-color ਗੁਣ">border-bottom-color 属性</a></p> <p>HTML DOM 参考手册：<a href="/pa/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.borderBottomColor = "red"; </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_style_borderbottomcolor_1">亲自试一试</a></p> <h3>例子 2</h3> <p>返回 <div> 元素的下边框的颜色：</p> <pre class="language-js"> alert(document.getElementById("myDiv").style.borderBottomColor); </pre> <p class="tiy"><a target="_blank" href="/pa/tiy/t.html?f=jsck_style_borderbottomcolor_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 borderBottomColor 属性：</p> <pre><i>object</i>.style.borderBottomColor</pre> <p>设置 borderBottomColor 属性：</p> <pre><i>object</i>.style.borderBottomColor = "<i>color</i>|transparent|initial|inherit"</pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td><i>color</i></td> <td> <p>规定下边框的颜色。默认为黑色。</p> <p>请查看 <a href="/pa/cssref/css_colors_legal.html" title="CSS ਲਾਗੂ ਰੰਗ ਮੁੱਲ">CSS 颜色值</a>，获取可能的颜色值的完整列表。</p> </td> </tr> <tr> <td>transparent</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>ਕਾਲਾ</td> </tr> <tr> <th>ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਮੁੱਲ:</th> <td>ਇੱਕ ਚਿੰਨ੍ਹ ਜੋ ਇਲੈਕਟ੍ਰੌਨ ਦੇ ਹੇਠਲੇ ਸਰਹੱਦ ਦੀ ਰੰਗ ਨੂੰ ਪ੍ਰਤੀਨਿਧਤ ਕਰਦਾ ਹੈ。</td> </tr> <tr> <th>CSS ਵਰਜਨ:</th> <td>CSS1</td> </tr> </table> </div> <div> <h2>ਬਰਾਉਜ਼ਰ ਸਮਰੱਥਾ</h2> <p>ਸਾਰੇ ਸਾਰੇ ਸਫਾਰੀ ਵਿੱਚ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥਾ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਸਾਰੇ ਸਾਰੇ ਸਫਾਰੀ ਵਿੱਚ ਇਸ ਗੁਣ ਦੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰੱਥਾ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਵਰਜਨ ਦਿਖਾਇਆ ਗਿਆ ਹੈ。</p> <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>1.0</td> <td>4.0</td> <td>1.0</td> <td>1.0</td> <td>3.5</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ਪਿੱਛਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderbottom.html" title="Style borderBottom ਗੁਣ">borderBottom</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/jsref/prop_style_borderbottomleftradius.html" title="Style borderBottomLeftRadius ਗੁਣ">borderBottomLeftRadius</a></li> <li> ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ <a href="/pa/jsref/dom_obj_style.html" title="ایچ تی ایم ال DOM اسٹائل آوبجیکٹ">ایچ تی ایم ال 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="/pa/jsref/index.html">جاوا اسکریپت اور ایچ تی ایم ال DOM مراجع دستور</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>  <script src="/myjs/tongji.js"></script> </body> </html>