최신 웹 개발 튜토리얼
 

Style listStyle Property

<스타일 개체

목록의 스타일을 변경합니다 :

document.getElementById("myList").style.listStyle = "decimal inside";
»그것을 자신을 시도

정의 및 사용

목록 스타일 속성을 설정하거나 축약 형태로, 별도의 세 가지 목록 속성까지 반환합니다.

이 속성을 사용하면 중 하나 이상을 반환 / 설정할 수 있습니다 (순서에 상관없이) 다음 :

  • 목록 스타일 형
  • 목록 스타일 위치
  • 목록 스타일 이미지

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

목록 스타일 속성은 모든 주요 브라우저에서 지원됩니다.


통사론

목록 스타일 속성을 반환합니다 :

object .style.listStyle

목록 스타일 속성을 설정합니다 :

object .style.listStyle=" 속성 값
매개 변수 기술
type 목록 항목 마커 유형을 정의
position 목록 항목 마커를 배치합니다
image 이미지 목록 항목 마커로 사용되는 정의합니다
initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한
inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기

기술적 세부 사항

기본값: 디스크 외부 없음
반환 값 : 목록의 스타일을 나타내는 문자열
CSS 버전 CSS1

더 예

에 목록의 유형과 위치 변경 "square inside" :

document.getElementById("myList").style.listStyle = "square inside";
»그것을 자신을 시도

목록 스타일을 반환합니다 :

document.getElementById("myList").style.listStyle;
»그것을 자신을 시도

관련 페이지

CSS 자습서 : CSS 목록

CSS 참조 : list-style property


<스타일 개체