# Line

The `Line` control enables you to draw lines on a form or container at design time or run time.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Line Size

The `LineSize` property can be used to get or set the height of the line in pixels.

![Line controls with different line sizes (1, 3, and 5 pixels)](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-63f026f6f3373b0e336551d174e131453510bae4%2Fimage.png?alt=media)

### Line Style

The `LineStyle` property can be used to customize the appearance of the line using one of the following presets:

* `None`: No line.
* `Solid`: A solid line.
* `Dotted`: A dotted line.
* `Dashed`: A dashed line.
* `Double`: A double solid line.

![Different line styles: Solid, Dotted, Dashed, and Double](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-2b48e9a683345f81bf5ce3f3467a2aa5e21ed8bc%2Fimage.png?alt=media)

### Orientation

Lines can be configured to be shown in a `Horizontal` or `Vertical` orientation:

![Line control showing horizontal and vertical orientations](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-48497735a66100ae46b7f34e206ab7be9cd791f8%2Fimage.png?alt=media)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                         |
| ---------------- | ------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.Line"                                                                                                    |
| Theme appearance | "line", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                 |
| Child components | "line" is the line element. See [JavaScript](https://docs.wisej.com/docs/concepts/javascript-object-model).         |
| Source code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js) |