Vlastnosť list-style-position

Vlastnosť list-style-position nastavuje, ako sa bude zobrazovať značka zoznamu: vo vnútri alebo zvonku zoznamu ul alebo ol.

Syntax

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

Hodnoty

Predvolená hodnota: outside.

Príklad . Hodnota inside

html<ul>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ul>

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

Результат:

Príklad . Hodnota outside

html<ul>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ul>

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

Результат:

Pozrite tiež