List - Style - Image
개요 : 이 속성은 목록의 항목(list item) 요소에 부여할 불릿이나 번호 등 표시자(marker) 이미지를 지정한다.
정의
|
list - style - image |
설명 |
|
값 |
url | none | inherit |
|
기본값 |
disc |
|
적용대상 |
항목(list item) 요소 |
|
상속 |
됨 |
|
백분율 |
사용 불가 |
|
미디어 |
visual |
값
|
값 |
설명 |
|
<url> |
표시자(marker) 이미지의 경로를 지정한다. |
|
none |
표시자 이미지를 지정하지 않는다. |
|
inherit |
부모 요소의 값을 상속하도록 지정한다. |
View Source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<style type="text/css">
li {
list-style-image: url(http://hooney.net/theme/v4/i/i_user_edit.gif);
}
</style>
<body>
<ul>
<li>list-style-image은</li>
<li>list의 왼쪽 이미지처럼</li>
<li>list-style로 image를 사용하며,</li>
<li>stylesheet에서</li>
<li>list-style-image: url(image/backpack.gif);</li>
<li>와 같이 표현한다.</li>
</ul>
</body>
Result :
''.' Programs > CSS' 카테고리의 다른 글
| Border (0) | 2012.03.20 |
|---|---|
| list-style-type (0) | 2012.03.20 |
| List - Style - Position (0) | 2012.03.20 |
| List - Style (0) | 2012.03.20 |
| Table - Layout (0) | 2012.03.20 |