# Javascript: HeaderFooterEventArgs.distance Property

> The distance, in twips, of a header or footer to the top or bottom of the page.

- **Product:** TX Text Control .NET Server
- **Section:** Reference
- **Kind:** Property
- **Introduced:** 28.0
- **Path:** TX Text Control .NET Server > Reference > JavaScript API > Javascript: HeaderFooterEventArgs.distance Property
- **179 words**
- **Web URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/headerfootereventargs/distance-property/
- **LLMs URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/headerfootereventargs/distance-property/llms.txt
- **LLMs-Full URL:** https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/headerfootereventargs/distance-property/llms-full.txt

---

### Description

The distance, in twips, of a header or footer to the top or bottom of the page.

### Syntax

```javascript
<Number> HeaderFooterEventArgs.distance
```

### Examples

The following example demonstrates `HeaderFooterEventArgs.distance` in a practical document-editing workflow. The distance, in twips, of a header or footer to the top or bottom of the page.

```javascript
function inspectDistance(headerFooterEventArgs) {
    const distance = headerFooterEventArgs.distance;
    console.log("distance:", distance);
}
```

---

## Nearby

- **Previous:** [Javascript: HeaderFooterEventArgs.connectedToPrevious Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/headerfootereventargs/connectedtoprevious-property/llms-full.txt)
- **Next:** [Javascript: HeaderFooterEventArgs.type Property](https://docs.textcontrol.com/tx-text-control-dotnet-server/reference/javascript/headerfootereventargs/type-property/llms-full.txt)