list-style Property


Home > Document > CSS > Classification > list-style

list-style Property

list-style Property ´Â list-style-type, list-style-image, list-style-position ÀÌ·¸°Ô 3°¡ÁöÀÇ list-item °ü·Ã PropertyÀÇ ´ÜÃàÇü(Shorthand) Property ÀÔ´Ï´Ù. font Property °°Àº ´Ù¸¥ ´ÜÃàÇü Property¿Í ¸¶Âù°¡Áö·Î ÃʱⰪÀº ¾ø½À´Ï´Ù.

  [Ç¥ º¸´Â ¹æ¹ý]
list-style Property
Value [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | Inherit
Initial not defined for shorthand properties, ´ÜÃàÇü¿¡´Â ¾øÀ½.
Applies to elements with 'display: list-item'
Inherited yes
Percentages N/A
Media Visual
HTML Syntax { list-style: s }
Scripting object.style.listStyle [ = sStyle ]




CSS Scripting
onMouseOver="this.style.listStyle='inside url(°æ·Î/ÆÄÀÏÀ̸§)';"

onMouseOut="this.style.listStyle='disc outside';"


Ãâ·Â°á°ú

  • list-style Property list-style Property list-style Property list-style Property list-style Property list-style Property list-style Property list-style Property list-style Property list-style Property
Source code
<HTML>
  <HEAD>
      <TITLE>list-style DHTML</TITLE>
  </HEAD>
  <BODY>
  <UL onMouseOver="this.style.listStyle='inside url(../../../images/arrow/arrow_ani.gif)';" 
  onMouseOut="this.style.listStyle='outside url()';">
  <LI> list-style Property list-style Property list-style Property list-style Property list-style 
  Property list-style Property list-style Property list-style Property list-style Property 
  list-style Property </LI>
  </UL>
  </BODY>
</HTML>

À§¿Í °°ÀÌ url(°æ·Î/ÆÄÀÏÀ̸§) À» ÁöÁ¤ÇÏ¿© list-style-image¸¦ »ç¿ëÇÒ °æ¿ì ±½Àº ±Û¾¾Ã¼·Î µÈ ºÎºÐó·³ url() ÀÇ °ýÈ£ ¼ÓÀ» ºñ¿ì¸é onMouseOver µ¿ÀÛ¿¡¼­ ÁöÁ¤µÈ image ÆÄÀÏÀÇ ÁöÁ¤ÀÌ ÇØÁ¦ µË´Ï´Ù.




ÀÌ ¹®¼­ÀÇ ÀúÀÛ±ÇÀº www.cadvance.org ¿¡ ÀÖ½À´Ï´Ù.

Top
Back
New
°Ë»ö