- 리스트의 목록 앞에 붙는 기호나 숫자, 이미지와 같은 글머리표의 위치를 지정하는 속성입니다.
- 속성 값으로는 Inside와 Outside가 있으며, 기본 값은 outside로 되어있습니다.
- Inside 값이 지정되면, 기존의 outside 형식으로 있던 List-Style-Type이 들여쓰기 됩니다.
|
|
| List-style-position 적용예제 |
| 메모장 |
< HTML >
< HEAD >
< STYLE type="text/css" >
.outside{ list-style-position: outside; }
.inside { list-style-position: inside; }
.geston {font-family: Arial, Times, serif ; font-size: 11pt ; line-height: 15pt}
< /STYLE >
< /HEAD >
< BODY >
< DIV class="geston" >
< B >Outside 예제입니다.< /B >
< UL class="outside" >
< LI >첫 번째 목록입니다.< BR >
This is beautiful test !!
< /UL >
< B >Inside 예제입니다.< /B >
< UL class="inside" >
< LI >두 번째 목록입니다.< BR >
This is beautiful test !!
< /UL >
< B >Outside 예제입니다.< /B >
< UL class="outside" >
< LI >세 번째 목록입니다.< BR >
This is beautiful test !!
< /UL >
< /DIV >
< /BODY >
< /HTML >
|
|---|
| 브라우저 |
목록 스타일 위치
Outside 예제입니다.
- 첫 번째 목록입니다.
This is beautiful test !!
Inside 예제입니다.
- 두 번째 목록입니다.
This is beautiful test !!
Outside 예제입니다.
- 세 번째 목록입니다.
This is beautiful test !!
|
|---|
|