# Line

URL: https://docs.wisej.com/docs/controls/content/line

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

info
For a full list of properties, methods and events see the [API documentation.](/api)

## 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)](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAAB5CAYAAACOV2zCAAAEQUlEQVR4Ae3dQYpbQRBEQd3/TqKP9oV2fYBMkYIwDGhVFNE1z/LKr8cfAgQIjAu8xvezHgECBB6hcgQECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLCNX8E1mQAAGhcgMECMwLxEL1Pufxw8ANuIFG9WKhaixnJgECBL4CQuUOCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECQuUGCBCYFxCq+SeyIAECsVC9z3n8MHADbqCRVaESWH/BuIHoDQiVg4oelG8/vv00bmA6VI3lzCRAgMBXIPZPP5wECBBoCQhVS9ZcAgRiAkIVozSIAIGWgFC1ZM0lQCAmIFQxSoMIEGgJCFVL1lwCBGICQhWjNIgAgZaAULVkzSVAICYgVDFKgwgQaAkIVUvWXAIEYgJCFaM0iACBloBQtWTNJUAgJiBUMUqDCBBoCQhVS9ZcAgRiAkIVozSIAIGWgFC1ZM0lQCAmIFQxSoMIEGgJCFVL1lwCBGICQhWjNIgAgZaAULVkzSVAICYgVDFKgwgQaAkIVUvWXAIEYgJCFaM0iACBloBQtWTNJUAgJiBUMUqDCBBoCQhVS9ZcAgRiArFQNf4PezPPw4DBv91ArE7XIKE6fhH+7RfBvts3e/Ul9lGohMq3NjcQvYFYna5BQuVIo0fq2872t51fvM/Vl9hHoRIqoXID0RuI1ekaFAvVNdNHAgQIRAWEKsppGAECDQGhaqiaSYBAVECoopyGESDQEBCqhqqZBAhEBYQqymkYAQINAaFqqJpJgEBUQKiinIYRINAQEKqGqpkECEQFhCrKaRgBAg0BoWqomkmAQFRAqKKchhEg0BAQqoaqmQQIRAWEKsppGAECDQGhaqiaSYBAVECoopyGESDQEBCqhqqZBAhEBYQqymkYAQINAaFqqJpJgEBUQKiinIYRINAQEKqGqpkECEQFhCrKaRgBAg0BoWqomkmAQFRAqKKchhEg0BAQqoaqmQQIRAWEKsppGAECDQGhaqiaSYBAVECoopyGESDQEBCqhqqZBAhEBYQqymkYAQINAaFqqJpJgEBUQKiinIYRINAQEKqGqpkECEQFPlmKbpnL7PcgAAAAAElFTkSuQmCC)

### 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](data:image/png;base64,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)

### Orientation

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

![Line control showing horizontal and vertical orientations](data:image/png;base64,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)

## 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](/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)