Ιδιότητα 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;
}

Результат:

Δείτε επίσης