css list style 변경

Tony·2021년 12월 7일
0

CSS

목록 보기
12/21

li 태그의 기본 스타일은 점이 붙지만 아래 속성을 통해 변경할 수 있다.

list-style-type : li 앞에 모양을 변경 가능
list-style-image : li 앞에 모양을 이미지로 변경 

// e.g.,

list-style-type: ' - '; //  - 모양이 앞에 붙음
list-style-type: square; // 사각형

disc : 검은 원
circle : 공백 원
square 사각형
decimal : 십진수
lower-alpha : 알파벳 소문자
lower-roman : 로마자 소문자
upper-alpha : 알파벳 대문자
upper-roman : 로마자 대문자
none : 표시 안함
initial : 기본값
cjk-ideographic : 한자식 수 (一, 二, 三)
hebrew 히브리 수
hiragana 히라가나 수
hiragana-iroha : 히라가나 이로하 수
katakana : 카타카나
katakana-iroha (I, RO, HA, NI, HO, HE, TO, )
armenian 아르메니아 수
georgian 지오지안 수
decimal-leading-zero 두 자릿수 숫자 0이 앞에 옴
lower-greek 그리스 소문자
lower-latin 라틴 소문자
upper-latin 라틴 대문자
inherit 부모로부터 상속

출처: https://gocoder.tistory.com/796 [고코더 IT Express]

출처: https://gocoder.tistory.com/796 [고코더 IT Express]

참고

profile
움직이는 만큼 행복해진다

0개의 댓글