คุณสมบัติ marker-offset ช่วยให้คุณระบุระยะห่างระหว่างเครื่องหมาย (bullet/number) และข้อความที่เกี่ยวข้องกับเครื่องหมายนั้นได้
ตัวอย่าง
ลองรันโค้ดด้านล่างเพื่อทดสอบคุณสมบัติ marker-offset
<html> <head> </head> <body> <ul style = "list-style: inside square; marker-offset:3em;"> <li>UK</li> <li>US</li> </ul> <ol style = "list-style: outside upper-alpha; marker-offset:3cm;"> <li>UK</li> <li>US</li> </ol> </body> </html>
ข้อควรระวัง:
marker-offsetเป็นคุณสมบัติเก่า (deprecated) และไม่ได้รับการสนับสนุนในเบราว์เซอร์สมัยใหม่- แนะนำให้ใช้
padding-leftบนliหรือ::markerpseudo-element แทน - รองรับหน่วยได้ทั้ง
em,cm,pxฯลฯ
