기술
리스트 스타일 속성리스트에 마커의 위치와 형태를 설정하는 데 사용되는 속성 속기이고; 이미지를 마커로 할당하는데도 사용할 수 있습니다.
가능한 값
<list-style-type> − 속성 목록 스타일 유형에 허용되는 모든 값.
<list-style-position> − 속성 목록 스타일 위치에 허용되는 모든 값.
<list-style-image> − 속성 목록 스타일 이미지에 허용되는 모든 값.
적용
목록 항목이 표시되는 모든 요소.
DOM 구문
object.style.listStyle = "decimal;"
예
다음은 예입니다.
<html>
<head>
</head>
<body>
<ul style = "list-style-type:circle;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ul style = "list-style-type:square;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ul>
<ol style = "list-style-type:decimal;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
<ol style = "list-style-type:lower-alpha;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
<ol style = "list-style-type:lower-roman;">
<li>Maths</li>
<li>Social Science</li>
<li>Physics</li>
</ol>
</body>
</html>
이것은 다음 결과를 생성합니다-