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 | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |
Share this Page
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.
URL