The scroll-marker-group property creates a pseudo-element on a scroll container containing interactive markers (links or tabs) for scroll items — e.g. quick navigation for a carousel. Position: before or after the originating element. Syntax: none | [ [ before | after ] || [ links | tabs ] ]..carousel {
scroll-marker-group: after;
}.tabbed-carousel {
scroll-marker-group: before tabs;
}noneThe default value. The scroll container does not create a pseudo-element.beforeGenerates a pseudo-element positioned before the originating element.afterGenerates a pseudo-element positioned after the originating element.linksOperates in navigation list mode (default when omitted).tabsOperates in tablist mode with enhanced focus behaviors (arrow keys move between markers).CSS Overflow Module Level 5Editor's DraftW3CMDNItem 1Item 2Item 3Item 4Item 5Item 6Item 7Item 8Show all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
