Numbering ordered lists: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:


To create numbering as 1., 1.1, 1.1.1 and so on, use the following style:<syntaxhighlight lang="text">
To create numbering as 1., 1.1, 1.1.1 and so on, use the following style:<syntaxhighlight lang="text">
article ol {  
/*Numbered lists*/
counter-reset:section;
article ::marker {
list-style-type:none;
content: counters(list-item,'.')". "
    display: table;
    margin-left:1.4em!important;
}
}
article ol > li {  
article .references ::marker {
list-style-type:none;
content: " "
    display: table-row;
}
}
article ol > li ol {  
article ol {
counter-reset:subsection;  
margin-left:2em!important;
}
}
article ol li ol > li ol{
/*Number footnotes separately */
counter-reset:subsubsection;
article ol.references {
}
counter-reset:ref; list-style-type:none;
article ol > li:before{
    counter-increment:section;
    content:counter(section) ". ";
    display: table-cell;
    text-align: right;
    padding-right: 0.5em;
}
article ol li ol > li:before {
    counter-increment:subsection;
    content:counter(section) "." counter(subsection) " ";
}
article ol > li ol > li ol > li:before {
    counter-increment:subsubsection;
    content:counter(section) "." counter(subsection) "." counter(subsubsection) "" ;
}
article li  {
    line-height:1.4em
    }
article li p {
    line-height:1.8em;margin-top:0; margin-bottom:0
    }
/*Count footnotes separately*/
article ol.references {  
counter-reset:ref; list-style-type:none;  
}
}
article ol.references li:before{
article ol.references li:before{

Revision as of 13:49, 27 April 2023

To create numbering as 1., 1.1, 1.1.1 and so on, use the following style:

/*Numbered lists*/
article ::marker {
	content: counters(list-item,'.')". "
	}
article .references ::marker {
	content: " "
	}
article ol {
	margin-left:2em!important;
	}
/*Number footnotes separately */
article ol.references {
	counter-reset:ref; list-style-type:none;
	}
article ol.references li:before{
    counter-increment:ref;
    content:counter(ref) ". ";
    float: left;
    margin-right: 0.4em;
	}

Output:

  1. Step 1
    1. Substep 1
    2. Substep 2
      1. Subsubstep 1
  2. Step 2



To submit feedback about this documentation, visit our community forum.

Discussions