list-style-position հատկությունը

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;
}

Результат:

Տես նաև