ตัวอย่าง
เปลี่ยนรายชื่อรายการประเภทเครื่องหมายเพื่อ "upper-roman" :
document.getElementById("myList").style.listStyleType = "upper-roman";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ listStyleType หรือส่งกลับรายการรายการประเภทเครื่องหมาย
สนับสนุนเบราว์เซอร์
คุณสมบัติ listStyleType ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด
Note: IE9 และ Opera 11 ไม่สนับสนุน: CJK-ideographic, ฮิบรู, ฮิรางานะฮิรางานะ-iroha คาตากานะและคาตาคานะ-iroha
Note: IE8 สนับสนุนค่าทรัพย์สิน: ทศนิยมชั้นนำศูนย์ล่างกรีกล่างละตินบนละติน, อาร์เมเนียและจอร์เจียเฉพาะในกรณีที่ประเภทเอกสารที่ระบุไว้!
วากยสัมพันธ์
คืนทรัพย์สิน listStyleType นี้:
object .style.listStyleType
ตั้งค่าคุณสมบัติ listStyleType นี้:
object .style.listStyleType= ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ armenian เครื่องหมายเป็นเลขอาร์เมเนียแบบดั้งเดิม circle เครื่องหมายเป็นวงกลม cjk-ideographic เครื่องหมายเป็นตัวเลข ideographic ธรรมดา decimal เครื่องหมายเป็นตัวเลข นี่คือการเริ่มต้นสำหรับ <ol> decimal-leading-zero เครื่องหมายเป็นจำนวนที่มีเลขศูนย์นำ (01, 02, 03 ฯลฯ บริการ) disc เครื่องหมายเป็นวงกลมเต็ม นี่คือการเริ่มต้นสำหรับ <ul> georgian เครื่องหมายเป็นเลขจอร์เจียดั้งเดิม hebrew เครื่องหมายเป็นเลขภาษาฮิบรูแบบดั้งเดิม hiragana เครื่องหมายเป็นเลขฮิรางานะแบบดั้งเดิม hiragana-iroha เครื่องหมายเป็นแบบดั้งเดิมฮิรางานะ iroha หมายเลข katakana เครื่องหมายเป็นเลขคาตาคานะแบบดั้งเดิม katakana-iroha เครื่องหมายเป็นแบบดั้งเดิมคาตาคานะ iroha หมายเลข lower-alpha เครื่องหมายต่ำ-alpha (a, b, c, d, e, etc.) lower-greek เครื่องหมายต่ำกรีก lower-latin เครื่องหมายต่ำละติน (a, b, c, d, e, etc.) lower-roman เครื่องหมายต่ำโรมัน (i, ii, iii, iv, v, etc.) none ไม่มีเครื่องหมายแสดงให้เห็น square เครื่องหมายเป็นตาราง upper-alpha เป็นเครื่องหมายบนอัลฟา (A, B, C, D, E, etc.) upper-latin เป็นเครื่องหมายบนละติน (A, B, C, D, E, etc.) upper-roman เป็นเครื่องหมายบนโรมัน (I, II, III, IV, V, etc.) initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: "แผ่นดิสก์" สำหรับ <ul> และ "decimal" สำหรับ <ol> กลับค่า: สตริงแสดงประเภทของรายการ CSS รุ่น CSS1
ตัวอย่างอื่น ๆ
ตัวอย่าง
ทุกประเภทที่รูปแบบรายการที่แตกต่างกัน
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myList").style.listStyleType = listValue; ลองตัวเอง»
ตัวอย่าง
กลับรายการรายการประเภทเครื่องหมาย:
alert(document.getElementById("myList").style.listStyleType); ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: รายการ CSS
อ้างอิง CSS: list-style-type property
อ้างอิง HTML DOM: listStyle property
<สไตล์วัตถุ