Style borderImage 属性

Mafaa ya CodeW3C Kwenye Mtaani

Siri ya HTML
Mwongozo wa Mfano wa Mtaarifu
Mwongozo wa Mfano wa Server
Mafaa ya Kusoma Kikatawala
Siri ya XML
Mshauri wa Kurekoda Taarifa
Mshauri wa Taarifa

Makala ya Kufungua

Kitabu cha Mwongozo wa JS

Kitabu cha Mwongozo wa JS (kwa kikoa cha kikundi)
Kitabu cha Mwongozo wa JS (kwa harakati za alfabeti)

JavaScript

Array wa JS
Boolean wa JS
Class wa JS
Date wa JS
Error wa JS
Global wa JS
JSON wa JS
Map wa JS
Math wa JS
Number wa JS
Promise wa JS
RegExp wa JS
Set wa JS
Mwili wa JS
Mfano wa JS
MSO wa JS
Mwili wa Mfano wa MSO wa JS
JS Mwongozo
JS Matokeo ya Tiyari

Window

Inaonesha Window
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Mfano
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API MediaQueryList
API Storage
API Validation
API Web

HTML Mfano

<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>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="Mwongozo wa DOM Time"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="Mwongozo wa DOM Title"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="Mwongozo wa DOM Track"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="Mwongozo wa DOM Underline"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="Mwongozo wa DOM Ul"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="Mwongozo wa DOM Variable"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="Mwongozo wa DOM Video"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="Mwongozo wa CSSStyleDeclaration">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Tukio la utunzi wa aina ya JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Tenda ya CodeW3C.com">Tenda ya 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 borderImage 属性</h1> <div class="prenextnav-ref"> <ul> <li> Pya ya juu <a href="" title=""></a></li> <li> Pya kati <a href="" title=""></a></li> <li> Kutumia mkono wa juu <a href="/sw/jsref/dom_obj_style.html" title="Inaonesha Style ya HTML DOM">Inaonesha Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>borderImage</code> 属性是用于设置以下属性的简写属性：</p> <ul> <li><a href="/sw/jsref/prop_style_borderimagesource.html" title="Mfano wa borderImageSource wa Style">borderImageSource</a></li> <li><a href="/sw/jsref/prop_style_borderimageslice.html" title="Mfano wa borderImageSlice wa Style">borderImageSlice</a></li> <li><a href="/sw/jsref/prop_style_borderimagewidth.html" title="Mfano wa borderImageWidth wa Style">borderImageWidth</a></li> <li><a href="/sw/jsref/prop_style_borderimageoutset.html" title="Mfano wa borderImageOutset wa Style">borderImageOutset</a></li> <li><a href="/sw/jsref/prop_style_borderimagerepeat.html" title="Mfano wa borderImageRepeat wa Style">borderImageRepeat</a></li> </ul> <p>省略的值设置为其默认值。</p> <h3>另请参阅：</h3> <p>CSS 参考手册：<a href="/sw/cssref/pr_border-image.html" title="Mfano wa border-image wa CSS">Mafanikio ya eneo la kifungu cha jengo</a></p> </div> <div> <h2>实例</h2> <p>把图像指定为 <div> 元素的边框：</p> <pre class="language-js"> document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_borderimage">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 borderImage 属性：</p> <pre><i>object</i>.style.borderImage</pre> <p>设置 borderImage 属性：</p> <pre><i>object</i>.style.borderImage = "<i>source</i> <i>slice</i> <i>width</i> <i>outset</i> <i>repeat</i>|initial|inherit"</pre> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td><a href="/sw/jsref/prop_style_borderImageSource.html" title="Mfano wa borderImageSource wa Style"><i>borderImageSource</i></a></td> <td>要用作边框的图像的路径。</td> </tr> <tr> <td><a href="/sw/jsref/prop_style_borderImageSlice.html" title="Mfano wa borderImageSlice wa Style"><i>borderImageSlice</i></a></td> <td>图像边框的向内偏移。</td> </tr> <tr> <td><a href="/sw/jsref/prop_style_borderImageWidth.html" title="Mfano wa borderImageWidth wa Style"><i>borderImageWidth</i></a></td> <td>图像边框的宽度。</td> </tr> <tr> <td><a href="/sw/jsref/prop_style_borderImageOutset.html" title="Mfano wa borderImageOutset wa Style"><i>borderImageOutset</i></a></td> <td>边框图像区域超出边框盒（border box）的量。</td> </tr> <tr> <td><a href="/sw/jsref/prop_style_borderImageRepeat.html" title="Mfano wa borderImageRepeat wa Style"><i>borderImageRepeat</i></a></td> <td>图像边框应平铺 (repeated)、铺满 (rounded) 还是拉伸 (stretched)。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/sw/cssref/css_initial.html" title="Maneno ya kwanza ya CSS">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/sw/cssref/css_inherit.html" title="Maneno ya mtafsiri ya CSS">inherit</a>.</td> </tr> </table> </div> <div> <h2>技术细节</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">默认值：</th> <td>none 100% 1 0 stretch</td> </tr> <tr> <th>返回值：</th> <td>字符串，表示元素的 <a href="/sw/jsref/prop_style_borderimage.html" title="Mfano wa border-image wa CSS">Mafanikio ya eneo la kifungu cha jengo</a>.</td> </tr> <tr> <th>Jinsi ya CSS:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>Muungano wa kufaa kwa kifungu</h2> <p>Muungano wa namba zinazوصفasimama kwa kitabu cha kwanza cha kufaa kwa sababu hiyo ya kufikiria hii kiwango.</p> <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>16.0</td> <td>11.0</td> <td>15.0</td> <td>6.0</td> <td>15.0</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> Pya ya juu <a href="" title=""></a></li> <li> Pya kati <a href="" title=""></a></li> <li> Kutumia mkono wa juu <a href="/sw/jsref/dom_obj_style.html" title="Inaonesha Style ya HTML DOM">Inaonesha Style ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Mikataba </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Mshauri wa JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Mazoezi ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Mafunzo ya JavaScript</a></h5> </div> <div><h3><center> Viungo vya msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com ina wajibu wa kusaidia kwa mazoezi na matokeo, bila kuzingatia kawaida ya kuzalishwa kwa kuzingatia. Matokeo ya kuzungumza hiki na matokeo ya kusaidia hii hayafikii kwa hivyo. Hisia yote iliyotumiwa, inasitumia na inasaidia, na hisia yote iliyotumiwa, inasaidia na inasaidia. Ina hisia yote iliyotumiwa, inasaidia na inasaidia. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu matumizi">Shabiki wa matumizi</a> <a href="/sw/about/about_privacy.html" title="Kuhusu hisia ya mifumo">Tarehe za hisia</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="Inasikia kwa Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>