pcjs/pubs/pcx86/component/README.md
2017-09-12 11:28:18 -07:00

61 lines
1.4 KiB
Markdown

---
layout: page
title: PCx86 <component> Element
permalink: /pubs/pcx86/component/
---
PCx86 Component
---------------
Format
------
```xml
<component>...</component>
```
Purpose
-------
Describes a machine component. It is transformed into an outer "component" &lt;div&gt; and an inner "container" &lt;div&gt;.
See **Output** details below.
Attributes
----------
* *id* (optional)
* ID of the component &lt;div&gt; that uniquely identifies the component on the page.
* *name* (optional)
* User-friendly name to be displayed between the component &lt;div&gt; and container &lt;div&gt;.
* *class* (optional)
* Class name for the component &lt;div&gt;.
* *width* (optional)
* Width of the component &lt;div&gt;.
* *pos* (optional)
* Positional value added to the style attribute of the component &lt;div&gt;. "left" is a shortcut for "float:left", "right" a shortcut for "float:right", and "center" a shortcut for "margin:0 auto".
* *border* (optional)
* Border for the container &lt;div&gt;.
* *style* (optional)
* Value(s), if any, used as-is for the container &lt;div&gt;.
Example
-------
```xml
<component id="ibm5150" class="pcx86" width="740px" pos="center" border="1">
...
</component>
```
Output
------
```html
<div id="..." class="pc-component">
<div class="pc-container">
...
</div>
</div>
```
[Return to [PCx86 Documentation](..)]