listStyle 스타일 정의

정의 및 사용법

listStyle 속성을 간략한 형식으로 설정하거나 반환하여 최대 세 가지 단일 목록 속성을 설정할 수 있습니다.

이 속성을 통해 다음 중 하나 또는 여러 가지를 설정/반환할 수 있습니다.:

다른 참조:

CSS 강의：CSS 목록

CSS 참조 메뉴얼：list-style 속성

예제

예제 1

리스트 스타일 변경：

document.getElementById("myList").style.listStyle = "decimal inside";

직접 시도해 보세요

예제 2

"square inside"로 목록의 유형과 위치를 변경합니다：

document.getElementById("myList").style.listStyle = "square inside";

직접 시도해 보세요

예제 3

리스트 스타일 반환：

document.getElementById("myList").style.listStyle;

직접 시도해 보세요

문법

listStyle 속성 반환：

object.style.listStyle

listStyle 속성 설정：

object.style.listStyle = "type position image|initial|inherit"

속성 값

값 설명
type 리스트 아이템 표시 이미지 유형을 정의합니다。
position 리스트 아이템 표시 이미지를 정위치합니다。
image 리스트 아이템 표시 이미지를 정의합니다。
initial 이 속성을 기본 값으로 설정합니다. 참조하십시오 initial。
inherit 부모 요소에서 이 속성을 상속합니다. 참조하십시오 inherit。

기술 세부 사항

기본 값： disc outside none
반환 값： 리스트 스타일을 나타내는 문자열。
CSS 버전： CSS1

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원