# Which property specifies the distance between nearest border edges of marker box and principal box ?

In this article, we will see the property that specifies the distance between the nearest border edges of the marker box and the principal axis. The marker-offset is the property that specifies the distance between the nearest border edges of the marker box and the principal axis.

Syntax:

`style=" marker-offset:em/cm";`

Example 1: In this example, we will create lists and apply the marker-offset property that is set to 8 em for the unordered list and 6 cm for the ordered list.

## HTML

 ` ``<``html``> ``<``body``> ``    ``<``h2` `style``=``"color:green"``>GeeksforGeeks ``    ``<``h5``>List of available courses ``    ``<``ul` `style``=``"list-style:inside square; marker-offset:8em;"``> ``        ``<``li``>Data Structures & Algorithm ``        ``<``li``>Web Technology ``        ``<``li``>Aptitude & Logical Reasoning ``        ``<``li``>Programming Languages ``    `` ``    ``<``h5``>Data Structures topics ``    ``<``ol` `style``=``"list-style:outside upper-alpha;marker-offset:6cm;"``> ``        ``<``li``>Array ``        ``<``li``>Linked List ``        ``<``li``>Stacks ``        ``<``li``>Queues ``        ``<``li``>Trees ``        ``<``li``>Graphs ``    `` `` `` `

Output:

Example 2:In this example, we will create lists and apply the marker-offset property that is set to 0 em for the unordered list and 2 cm for the ordered list.

## HTML

 ` ``<``html``> `` ` `<``head``> ``    ``<``title``>GeeksforGeeks `` `` ` `<``body``> ``    ``<``h2` `style``=``"color:green"``>GeeksforGeeksList of available courses ``    ``<``ul` `style``=``"list-style:inside square;marker-offset:0em;"``> ``        ``<``li``>Data Structures & Algorithm ``        ``<``li``>Web Technology ``        ``<``li``>Aptitude & Logical Reasoning ``        ``<``li``>Programming Languages ``    `` ``    ``<``h5``>Data Structures topics ``    ``<``ol` `style``=``"list-style:outside upper-alpha;marker-offset:2cm;"``> ``        ``<``li``>Array ``        ``<``li``>Linked List ``        ``<``li``>Stacks ``        ``<``li``>Queues ``        ``<``li``>Trees ``        ``<``li``>Graphs ``    `` `` `` `

Output:

Previous
Next