คุณสมบัติ list-style-position

คุณสมบัติ list-style-position กำหนด วิธีการแสดงมาร์กเกอร์ของรายการ: ภายในหรือภายนอกรายการ ul หรือ ol

ไวยากรณ์

cssselector {
  list-style-position: inside | outside;
}

ค่า

ค่าเริ่มต้น: outside

ตัวอย่าง . ค่า inside

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

ตัวอย่าง . ค่า outside

html<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

ดูเพิ่มเติม