CSS marker-side Property
Description
The marker-side property positions themselves according to their list item's directionality. However, if the list item is grouped with several other list items which may have different directionality (for example, multiple
- in HTML), it is sometimes more useful to have all the markers line up on one side, so the author can specify a single "gutter" on that side and be assured that all the markers will lie in that gutter and be visible.
- Initial value
- list-item
- Applies to
- List Items
- Inherited
- Yes
- Media
- Visual
- Computed value
- Specified value
- Animatable
- No
- CSS Version
- CSS3
- JavaScript syntax
- object.style.markerSide
- list-itemAny markers associated with the list item base their positioning off of the directionality of the list item.
- list-containerThe associated markers instead base their positioning off of the directionality of the list item's parent element. The normative meaning of this is specified in the section defining position:marker.
The marker-side property has been deprecated or is no longer in any CSS working groups.
Syntax
marker-side: list-item | list-container
Values
Example
.class {
marker-side: list-container;;
}Browser Support
| Desktop | |||||
 |
 |
 |
 |
 |
 |
| ? | ? | ? | ? | ? | ? |
| Tablets / Mobile | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |