List 속성

문장 안에 있는 빈 칸을 어떻게 처리할 것인지 결정한다.

기호 설명

A | B: A 또는 B 중의 하나이다.
A || B: A 또는 B 중의 하나, 또는 둘 다 들어갈 수 ㅣ있다.
<A>: A 속성의 값이 들어간다.

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.

초기값은 disc이다.

<HTML>
<HEAD>
<STYLE type="text/css">
OL { list-style-type: lower-roman }
</STYLE>
<BODY>
<OL>
<LI>사과
<LI>참다래
<LI>참외
</OL>
<BODY>
</HTML>

list-style-position: inside | outside

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.

초기값은 outside이다.

<HTML>
<HEAD>
<STYLE type="text/css">
UL  { list-style: outside }
UL.compact { list-style: inside }
</STYLE>
<BODY>
<UL>
<LI>outside 1
<BR>next line
<LI>outside 2
<BR>next line
</UL>
<UL class=compact>
<LI>inside 1
<BR>next line
<LI>inside 2
<BR>next line
</UL>
<BODY>
</HTML>

list-style-image: URL | none

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.

초기값은 none이다.

<HTML>
<HEAD>
<STYLE type="text/css">
UL { list-style-image: url(disc.gif) }
</STYLE>
<BODY>
<UL>
<LI>첫 번째
<LI>두 번째
</UL>
<BODY>
</HTML>

list-style: <'list-style-type'> || <'list-style-position'> || <'list-style-image'>

Display 속성 값이 list-item인 element에 적용할 수 있고, 유전된다.

대표속성은 초기값이 없다.

▲ ▶