HTML DOM listStyleType ÊôÐÔ

HTML DOM Style ¶ÔÏó

¶¨ÒåºÍÓ÷¨

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>

HTML DOM Style ¶ÔÏó

VUE