📄 biborder.html
字号:
<!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>
<p>None.</p>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -