<!--
{
  "documentType" : "article",
  "framework" : "TVML",
  "identifier" : "/documentation/TVML/separator",
  "metadataVersion" : "0.1.0",
  "role" : "collectionGroup",
  "title" : "separator"
}
-->

# separator

Displays a horizontal line.

## Overview

The `separator` element creates a visible, horizontal line to separate areas on a
page.

### Subelements of separator

- [button](/documentation/TVML/button)
- [shelf](/documentation/TVML/shelf)

### Elements that Use separator

- [collectionList](/documentation/TVML/collectionlist)
- [productTemplate](/documentation/TVML/producttemplate)

## Topics

### Valid TVML Styles

[height](/documentation/TVML/element-shaping-height)

Specifies the height of an element.

[margin](/documentation/TVML/margin)

Specifies the spacing around an element.

[padding](/documentation/TVML/padding)

Specifies the padding between the border and contents of an element.

[tv-tint-color](/documentation/TVML/tv-tint-color)

Sets the tint color for an element.

### Valid TVML Attributes

[binding](/documentation/TVML/binding)

Associates information in a data item with an element.

[prototype](/documentation/TVML/prototype)

Associates a data item type with an element.

[theme](/documentation/TVML/theme)

Sets the color scheme for an element.


---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)