라벨이 리스트스타일인 게시물 표시

CSS 리스트 스타일 ul, ol, li 목록 태그 list-style 속성 정리

이미지
리스트 불릿, 번호 스타일 변경 list-style-type 속성 ul 태그는 순서 없는 리스트를 작성할 때, 사용하는데, 리스트 목록 앞에 불릿(가운뎃점) 모양이 붙게 되는데, 기본값은 검은색으로 채워진 원 모양입니다. ol 태그의 경우에는 순서가 있는 리스트를 만들 때 사용하며, 기본값은 10진수 숫자로 표현을 하게 됩니다. CSS의 list-style-type 속성을 사용하면 기본값으로 사용되는 기호 외에 다른 기호를 사용할 수 있습니다. list-style-type 속성값 속성값 모양 기호 disc 채운 원 모양 ● circle 빈 원 모양 ○ square 채운 사각형 모양 ■ decimal 1부터 시작하는 10진수 1, 2, 3 decimal-leading-zero 앞에 0이 붙은 10진수 01, 02, lower-roman 로마 숫자 소문자 upper-roman 로마 숫자 대문자 lower-alpha, lower-latin 알파벳 소문자 a, b, c upper-alpha, upper-latin 알파벳 대문자 A, B, C none 블릿이나 숫자를 없앰 속성값의 none을 사용하게 되면 블릿 기호 또는 숫자를 없애게 되는데 해당 속성값을 사용 후 리스트 태그로 메뉴 구성을 할 때 자주 사용되는 속성값입니다. list-style-type 예제 < style >         ul   {             list-style-type : square ;         }         ol   {             list-style-type : lower-roman ;         }     </ style > </ head > < body >         < ul >         < li > 삼국지 </ li >         < li > 대도시의사랑법 </ li >         < li > 소나기 </ li &