CSS 목록 스타일 위치 속성
예시
목록 항목 마커의 위치를 지정합니다.
ul.a {
list-style-position: outside;
}
ul.b {
list-style-position: inside;
}
정의 및 사용
list-style-position
속성은 목록 항목 마커(글머리 기호)의 위치를 지정합니다 .
list-style-position: outside;
글머리 기호가 목록 항목 외부에 있음을 의미합니다. 목록 항목의 각 줄 시작은 수직으로 정렬됩니다.
- 커피 - 볶은 커피콩으로 만든 양조 음료...
- 차
- 콜라
list-style-position: inside;
글머리 기호가 목록 항목 안에 있음을 의미합니다. 목록 항목의 일부이므로 텍스트의 일부가 되고 시작 부분에서 텍스트를 푸시합니다.
- 커피 - 볶은 커피콩으로 만든 양조 음료...
- 차
- 콜라
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 구문
list-style-position: inside|outside|initial|inherit;
속성 값
Value | Description | Play it |
---|---|---|
inside | The bullet points will be inside the list item | |
outside | The bullet points will be outside the list item. This is default | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
관련 페이지
CSS 튜토리얼: CSS 목록
CSS 참조: 목록 스타일 속성
HTML DOM 참조: listStylePosition 속성