Style แอตทริบิวต์ listStyle

การกำหนดและการใช้งาน

listStyle ตั้งค่าหรือคืนค่าแอตทริบิวต์ด้วยรูปแบบลดทิ้ง สามคุณสมบัติเดี่ยวๆ สูงสุด

ผ่านการใช้คุณสมบัตินี้ คุณสามารถตั้งค่า/คืนค่าหนึ่งหรือหลายคุณสมบัติเดี่ยวๆ (ในลำดับใดก็ได้):

ดูเพิ่มเติม:

ตัวอย่าง CSS:CSS รายการ

คู่มือ CSS:แอตทริบิวต์ list-style

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนรูปแบบของรายการ:

document.getElementById("myList").style.listStyle = "decimal inside";

ทดลองด้วยตัวเอง

ตัวอย่าง 2

เปลี่ยนรูปแบบและตำแหน่งของรายการเป็น "square inside":

document.getElementById("myList").style.listStyle = "square inside";

ทดลองด้วยตัวเอง

ตัวอย่าง 3

คืนค่ารูปแบบรายการ:

document.getElementById("myList").style.listStyle;

ทดลองด้วยตัวเอง

ภาษาบอกเล่า

คืนค่าแอตทริบิวต์ listStyle:

object.style.listStyle

ตั้งค่าแอตทริบิวต์ listStyle:

object.style.listStyle = "type position image|initial|inherit"

ค่าของแอตทริบิวต์

ค่า รายละเอียด
type กำหนดชนิดตัวแทนรายการ
position จัดตำแหน่งตัวแทนรายการ
image กำหนดรูปภาพที่ใช้เป็นตัวแทนรายการ
initial ตั้งค่าตัวแปรนี้เป็นค่าเริ่มต้นของเขา โปรดดู initial.
inherit ที่จะทำให้ตัวแปรนี้ได้รับคุณสมบัตินี้จากตัวปลอมของเขา โปรดดู inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: disc outside none
ค่าที่กลับมา: ข้อความเป็นตัวแทนของรูปแบบรายการ。
รุ่น CSS: CSS1

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน