List-style-position xususiyati

list-style-position xususiyati ro'yxat markeri qanday ko'rsatilishini belgilaydi: ro'yxat ichida yoki tashqarisida ul yoki ol.

Sintaksis

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

Qiymatlar

Standart qiymat: outside.

Misol . Inside qiymati

html<ul>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
</ul>

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

Результат:

Misol . Outside qiymati

html<ul>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
  <li>ro'yxat elementi</li>
</ul>

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

Результат:

Shuningdek qarang