티스토리 뷰

스터디

2020-04-01(수)

S-RAIN 2020. 12. 12. 13:03

counters 사용하기

developer.mozilla.org/ko/docs/Web/CSS/CSS_Lists_and_Counters/Using_CSS_counters

 

CSS 카운터 사용하기

CSS counters를 사용하면 문서에서의 위치에 따라 콘텐츠의 모양을 조정할 수 있습니다. 예를 들어, counters를 사용해 웹페이지의 제목에 자동으로 번호를 매길 수 있습니다. Counters는 요소가 몇 번

developer.mozilla.org

  • counter-reset 속성을 사용하여 초기화 (none, inherit, initial 과 같은 이름으로는 불가능)
  • counter-increment 에 따라서 증가하거나 감소
  • content속성에 counter()counters()함수를 사용하여 표시한다.

'스터디' 카테고리의 다른 글

2020-04-08(수)  (0) 2020.12.12
2020-04-07(화)  (0) 2020.12.12
2020-02-13(목)  (0) 2020.12.12
2020-02-10(월)  (0) 2020.12.12
2020-02-09(일)  (0) 2020.12.12
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함