list-style-position сипаттамасы

list-style-position сипаттамасы тізім маркерінің қалай көрсетілетінін орнатады: ul немесе ol тізімінің ішінде немесе сыртында.

Синтаксис

cssселектор {
  list-style-position: inside | outside;
}

Мәндері

Әдепкі мәні: outside.

Мысал . Inside мәні

html<ul>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
</ul>

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

Результат:

Мысал . Outside мәні

html<ul>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
</ul>

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

Результат:

Сондай-ақ қараңыз