HTML DOM listStyleType ÊôÐÔ
¶¨ÒåºÍÓ÷¨
listStyleType ÊôÐÔÉèÖÃÁбíÏî±êÖ¾µÄÀàÐÍ¡£
Óï·¨£º
Object.style.listStyleType=value
¿ÉÄܵÄÖµ
CSS2 掙朧
Öµ | ÃèÊö |
---|---|
none | ÎÞ±ê¼Ç¡£ |
disc | ĬÈÏ¡£±ê¼ÇÊÇʵÐÄÔ²¡£ |
circle | ±ê¼ÇÊÇ¿ÕÐÄÔ²¡£ |
square | ±ê¼ÇÊÇʵÐÄ·½¿é¡£ |
decimal | ±ê¼ÇÊÇÊý×Ö¡£ |
decimal-leading-zero | 0¿ªÍ·µÄÊý×Ö±ê¼Ç¡£(01, 02, 03, µÈ¡£) |
lower-roman | СдÂÞÂíÊý×Ö(i, ii, iii, iv, v, µÈ¡£) |
upper-roman | ´óдÂÞÂíÊý×Ö(I, II, III, IV, V, µÈ¡£) |
lower-alpha | СдӢÎÄ×ÖĸThe marker is lower-alpha (a, b, c, d, e, µÈ¡£) |
upper-alpha | ´óдӢÎÄ×ÖĸThe marker is upper-alpha (A, B, C, D, E, µÈ¡£) |
lower-greek | СдϣÀ°×Öĸ(alpha, beta, gamma, µÈ¡£) |
lower-latin | СдÀ¶¡×Öĸ(a, b, c, d, e, µÈ¡£) |
upper-latin | ´óдÀ¶¡×Öĸ(A, B, C, D, E, µÈ¡£) |
hebrew | ´«Í³µÄÏ£²®À´±àºÅ·½Ê½ |
armenian | ´«Í³µÄÑÇÃÀÄáÑDZàºÅ·½Ê½ |
georgian | ´«Í³µÄÇÇÖÎÑDZàºÅ·½Ê½(an, ban, gan, µÈ¡£) |
cjk-ideographic | ¼òµ¥µÄ±íÒâÊý×Ö |
hiragana | ±ê¼ÇÊÇ£ºa, i, u, e, o, ka, ki, µÈ¡££¨ÈÕÎÄÆ¬¼ÙÃû£© |
katakana | ±ê¼ÇÊÇ£ºA, I, U, E, O, KA, KI, µÈ¡££¨ÈÕÎÄÆ¬¼ÙÃû£© |
hiragana-iroha | ±ê¼ÇÊÇ£ºi, ro, ha, ni, ho, he, to, µÈ¡££¨ÈÕÎÄÆ¬¼ÙÃû£© |
katakana-iroha | ±ê¼ÇÊÇ£ºI, RO, HA, NI, HO, HE, TO, µÈ¡££¨ÈÕÎÄÆ¬¼ÙÃû£© |
CSS2.1 掙朧
disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inherit
ʵÀý
±¾Àý¸Ä±äÁбíÏîµÄÀàÐÍ£º
<html>
<head>
<script type="text/javascript">
function changeList()
{
document.getElementById("ul1").style.listStyleType="square";
}
</script>
</head>
<body>
<ul id="ul1">
<li>Coffee</li>
<li>Tea</li>
<li>Water</li>
<li>Soda</li>
</ul>
<input type="button" onclick="changeList()"
value="Change list-item marker type" />
</body>
</html>