스타일 listStyle 속성
예시
목록 스타일 변경:
document.getElementById("myList").style.listStyle = "decimal inside";
정의 및 사용
listStyle 속성은 최대 3개의 개별 목록 속성을 약식 형식으로 설정하거나 반환합니다.
이 속성을 사용하여 다음 중 하나 이상을 설정/반환할 수 있습니다(순서에 관계없이):
- 목록 스타일 유형
- 목록 스타일 위치
- 목록 스타일 이미지
브라우저 지원
Property | |||||
---|---|---|---|---|---|
listStyle | Yes | Yes | Yes | Yes | Yes |
통사론
listStyle 속성을 반환합니다.
object.style.listStyle
listStyle 속성을 설정합니다.
object.style.listStyle = "type position image|initial|inherit"
속성 값
Parameter | Description |
---|---|
type | Defines the list-item marker type |
position | Positions the list-item marker |
image | Defines an image to be used as the list-item marker |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
기술적 세부 사항
기본값: | 디스크 외부 없음 |
---|---|
반환 값: | 목록의 스타일을 나타내는 String |
CSS 버전 | CSS1 |
더 많은 예
예시
목록의 유형과 위치를 "정사각형"으로 변경합니다.
document.getElementById("myList").style.listStyle = "square inside";
예시
목록 스타일을 반환합니다.
document.getElementById("myList").style.listStyle;
관련 페이지
CSS 튜토리얼: CSS 목록
CSS 참조: 목록 스타일 속성
❮ 스타일 개체