biborder.html
来自「ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．」· HTML 代码 · 共 542 行 · 第 1/2 页
HTML
542 行
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!--Generated using api.website.xsl version 2003-07-17--><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"><title>BiBorder</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link type="text/css" rel="stylesheet" href="api.css"><script type="text/javascript"> function showDerivedClasses() { var ul = document.getElementById("api-derived-classes"); var lis = ul.childNodes; var l = lis.length; for (var i = 1; i < l; i++) lis[i].style.display = ""; lis[0].style.display = "none"; } </script></head><body><h1 id="BiBorder">BiBorder</h1><p> This class is used to describe a border for a component. The border consists of three properties; width, style and color. Supported styles are:<br> <br> <code>none</code> - No border is drawn, regardless of the width.<br> <code>dotted</code><br> <code>dashed</code><br> <code>solid</code><br> <code>double</code><br> <code>groove</code><br> <code>ridge</code><br> <code>inset</code><br> <code>outset</code> </p><p>This class extends <code><a href="BiObject.html">BiObject</a></code> and therefore all methods and fields available for <code><a href="BiObject.html">BiObject</a></code> are also available for <code>BiBorder</code>.</p><ul class="partial-class-tree"><li><code><a href="BiObject.html">BiObject</a></code><ul><li><code>BiBorder</code><ul id="api-derived-classes"></ul></li></ul></li></ul><h2>Constructor</h2><p><code> new BiBorder([<span class="methodArgument">width</span> [, <span class="methodArgument">style</span> [, <span class="methodArgument">color</span>]]])</code></p><h3>Parameters</h3><table><thead><tr><td>Name</td><td>Type</td><td class="optional-header">Optional</td><td>Default</td><td>Descripton</td></tr></thead><tbody><tr><td><code>width</code></td><td><code class="type">Number</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td><code>0</code></td><td>The width (in pixels) of the border on all sides</td></tr><tr><td><code>style</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td><code>solid</code></td><td>The style of the border on all sides</td></tr><tr><td><code>color</code></td><td><code class="type">String</code></td><td class="optional-column"><img src="check.png" alt="checked"></td><td></td><td>The color of the border on all sides</td></tr></tbody></table><h2>Properties</h2><table><thead><tr><td>Name</td><td>Type</td><td class="get-header">get</td><td class="set-header">set</td><td>Descripton</td></tr></thead><tbody><tr><td><a name="bottomColor"></a><code>bottomColor</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The bottom border color</td></tr><tr><td><a name="bottomStyle"></a><code>bottomStyle</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The bottom border style</td></tr><tr><td><a name="bottomWidth"></a><code>bottomWidth</code></td><td><code class="type">Number</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The bottom border width</td></tr><tr><td><a name="color"></a><code>color</code></td><td><code class="type">Number</code></td><td class="get-column"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The color of the border on all sides</td></tr><tr><td><a name="leftColor"></a><code>leftColor</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The left border color</td></tr><tr><td><a name="leftStyle"></a><code>leftStyle</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The left border style</td></tr><tr><td><a name="leftWidth"></a><code>leftWidth</code></td><td><code class="type">Number</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The left border width</td></tr><tr><td><a name="rightColor"></a><code>rightColor</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The right border color</td></tr><tr><td><a name="rightStyle"></a><code>rightStyle</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The right border style</td></tr><tr><td><a name="rightWidth"></a><code>rightWidth</code></td><td><code class="type">Number</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The right border width</td></tr><tr><td><a name="style"></a><code>style</code></td><td><code class="type">Number</code></td><td class="get-column"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The style of the border on all sides</td></tr><tr><td><a name="topColor"></a><code>topColor</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The top border color</td></tr><tr><td><a name="topStyle"></a><code>topStyle</code></td><td><code class="type">String</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The top border style</td></tr><tr><td><a name="topWidth"></a><code>topWidth</code></td><td><code class="type">Number</code></td><td class="get-column"><img src="check.png" alt="checked"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The top border width</td></tr><tr><td><a name="width"></a><code>width</code></td><td><code class="type">Number</code></td><td class="get-column"></td><td class="set-column"><img src="check.png" alt="checked"></td><td>The width (in pixels) of the border on all sides</td></tr></tbody></table><h2>Methods</h2><table><thead><tr><td>Name</td><td>Description</td></tr></thead><tbody><tr><td><code><a href="#paintBorder">paintBorder</a></code></td><td>Makes the component have a border described by the current border object</td></tr><tr><td><code><a href="#removeBorder">removeBorder</a></code></td><td> Removes this border from a component. This means that the border styles this border object has applied to a component will be reset/removed. </td></tr><tr><td><code><a href="#setBottom">setBottom</a></code></td><td>Sets the bottom width, style and color</td></tr><tr><td><code><a href="#setLeft">setLeft</a></code></td><td>Sets the left width, style and color</td></tr><tr><td><code><a href="#setRight">setRight</a></code></td><td>Sets the right width, style and color</td></tr><tr><td><code><a href="#setTop">setTop</a></code></td><td>Sets the top width, style and color</td></tr></tbody></table><h2>Events</h2><p>None.</p><h2>Static Methods</h2><table><thead><tr><td>Name</td><td>Description</td></tr></thead><tbody><tr><td><code><a href="#fromString">fromString</a></code></td><td> Parses a string and returns a new border object. The format for the string is<br> <br> (<size>"px"?)? <style>? <color>?<br> <br> 2px dotted red<br> <br> The order of the parts is not relevant. </td></tr></tbody></table><h2>Static Fields</h2>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?