본문 바로가기

퍼블리싱/CSS/CSS3

ol list-style decimal에서 점제거 (IE8+ 지원)

// 적용 전

<ol>
    <li>One</li> 
    <li>Two</li>
</ol> 

<!-- 
    result : 
        1. One
        2. Two
-->

// remove dot CSS

ol { 
    counter-reset: item;
    list-style-type: none;
}
li { display: block; }
li:before { 
    content: counter(item) "  "; 
    counter-increment: item 
}

// 적용 후

<ol>
    <li>One</li> 
    <li>Two</li>
</ol> 

<!-- 
    result : 
        1 One
        2 Two
-->