คุณสมบัติ HTML DOM Style listStyletype ใช้สำหรับการตั้งค่าหรือส่งคืนประเภทตัวทำเครื่องหมายรายการ-รายการ
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติ listStyleType -
object.style.listStyleType = value
ค่าคุณสมบัติ listStyleType บางส่วนคือ −
| ค่า | คำอธิบาย |
|---|---|
| อาร์เมเนีย | กำหนดเครื่องหมายเป็นตัวเลขอาร์เมเนียดั้งเดิม |
| วงกลม | เครื่องหมายวงกลม |
| cjk-ideographic | กำหนดหมายเลขเชิงอุดมคติเป็นเครื่องหมาย |
| ทศนิยม | ตั้งค่าหมายเลขเครื่องหมายและเป็นค่าเริ่มต้น.. |
| decimal-leading-zero | บวก 0 ก่อนตัวเลขที่กำหนดเป็นเครื่องหมาย |
| ดิสก์ | ค่าเริ่มต้นสำหรับ
|
| ฮิระงะนะ | กำหนดเลขฮิรางานะเป็นเครื่องหมาย |
| คะตะคะนะ | กำหนดหมายเลข Katakana ดั้งเดิมเป็นเครื่องหมาย |
| lower-alpha | กำหนดเครื่องหมายเป็นอักษรตัวล่าง |
| lower-greek | กำหนดอักขระกรีกล่างเป็นเครื่องหมาย |
| ไม่มี | แสดงเครื่องหมาย |
| สี่เหลี่ยม | ตัวแสดงเป็นสี่เหลี่ยมจัตุรัส |
| upper-alpha | ตั้งค่าอักษรตัวพิมพ์เล็กเป็นเครื่องหมาย |
| ค่าเริ่มต้น | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น |
| สืบทอด | การสืบทอดค่าคุณสมบัติหลัก |
ให้เราดูตัวอย่างสำหรับคุณสมบัติ listStyleType -
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<script>
function changeListType() {
document.getElementById("LIST1").style.listStyleType = "upper-roman";
document.getElementById("Sample").innerHTML=" The list style type is now set to uppercase roman numeral";
}
</script>
</head>
<body>
<ul id="LIST1">
<li>LIST ITEM1</li>
<li>LIST ITEM2</li>
<li>LIST ITEM3</li>
<li>LIST ITEM4</li>
</ul>
<p>Change the above list style type by clicking the below button</p>
<button type="button" onclick="changeListType()">Change List Type</button>
<p id="Sample"></p>
</body>
</html> ผลลัพธ์
เมื่อคลิกที่ “เปลี่ยนรูปแบบรายการ” ปุ่ม −
