คุณสมบัติ list-style-position
คุณสมบัติ list-style-position กำหนด
วิธีการแสดงมาร์กเกอร์ของรายการ:
ภายในหรือภายนอกรายการ ul
หรือ ol
ไวยากรณ์
selector {
list-style-position: inside | outside;
}
ค่า
| ค่า | คำอธิบาย |
|---|---|
inside |
มาร์กเกอร์อยู่ภายในรายการ |
outside |
มาร์กเกอร์อยู่ภายนอกรายการ |
ค่าเริ่มต้น: outside
ตัวอย่าง . ค่า inside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
ตัวอย่าง . ค่า outside
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
ดูเพิ่มเติม
-
คุณสมบัติ
list-style-type,
ซึ่งกำหนดประเภทของมาร์กเกอร์รายการ -
คุณสมบัติ
list-style-type,
ซึ่งกำหนดประเภทของมาร์กเกอร์รายการ -
คุณสมบัติ
list-style,
ซึ่งเป็นคุณสมบัติแบบย่อสำหรับมาร์กเกอร์
