56 lines
1.3 KiB
Markdown
56 lines
1.3 KiB
Markdown
---
|
|
layout: page
|
|
title: PCx86 <component> Element
|
|
permalink: /docs/pcx86/component/
|
|
---
|
|
|
|
PCx86 Component
|
|
---
|
|
|
|
Format
|
|
---
|
|
```xml
|
|
<component>...</component>
|
|
```
|
|
|
|
Purpose
|
|
---
|
|
Describes a machine component. It is transformed into an outer "component" <div> and an inner "container" <div>.
|
|
See **Output** details below.
|
|
|
|
Attributes
|
|
---
|
|
* *id* (optional)
|
|
* ID of the component <div> that uniquely identifies the component on the page.
|
|
* *name* (optional)
|
|
* User-friendly name to be displayed between the component <div> and container <div>.
|
|
* *class* (optional)
|
|
* Class name for the component <div>.
|
|
* *width* (optional)
|
|
* Width of the component <div>.
|
|
* *pos* (optional)
|
|
* Positional value added to the style attribute of the component <div>. "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 <div>.
|
|
* *style* (optional)
|
|
* Value(s), if any, used as-is for the container <div>.
|
|
|
|
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](..)]
|