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

  • s with different "dir" attributes in an
      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.

      The marker-side property has been deprecated or is no longer in any CSS working groups.

      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

      Syntax

      marker-side: list-item | list-container

      Values

      • 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.

      Example

      .class {
         marker-side: list-container;;
      }

      Browser Support

      Desktop
      Explorer Edge Chrome Firefox Opera Safari
      ??????
      Tablets / Mobile
      Android Chrome Firefox Opera Safari Samsung
      ??????