javascript listStyle property


  Translation results:

list

英[lɪst] 美[lɪst]

n.List, catalog; slant; edge of cloth, end of cloth; narrow strip

vt. List, include; compile... into a table; record in the list

vi. List on the table

Third person singular: lists Plural: lists Present participle: listing Past Formula: listed past participle: listed

style

英[staɪl] 美[staɪl]

n. Style; style; fashion; instrument, Taste

vt. To design; to name; to shape...

vi. To conform to popular styles; to make decorative paintings with a carving knife

Third person singular: styles Plural: styles now Participle: styling Past tense: styled Past participle: styled

javascript listStyle propertysyntax

Function:Set all list properties.

Syntax: Object.style.listStyle=listStyleType listStylePosition listStyleImage

Description: listStyleType Set the type of list item flag. listStylePosition Positions the list item flag. listStyleImage Sets the image as the list item flag.

javascript listStyle propertyexample

<html>
<head>
	<meta charset="utf-8">
<script type="text/javascript">
function changeList()
  {
  document.getElementById("ul1").style.listStyle="decimal inside";
  }
</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 style" />

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance

Home

Videos

Q&A