Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

list-style-position

OPIS

Styl definiuje pozycję znaku wypunktowania listy.

WARTOŚCI

• outside - CSS: 2.1, 2.0, 1.0

wypunktowanie na zewnątrz listy, wartość domyślna

• inside - CSS: 2.1, 2.0, 1.0

wypunktowanie wewnątrz listy

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. list-style-position: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<ul style="list-style-position: inside;">
<li> pierwszy element<br /> listy wypuktowanej</li>
<li> drugi element<br /> listy wypuktowanej</li>
<li> trzeci element<br /> listy wypuktowanej</li>
</ul>

• pierwszy element
  listy wypuktowanej
• drugi element
  listy wypuktowanej
• trzeci element
  listy wypuktowanej

• Przykład 2:

<ul style="list-style-position: outside;">
<li> pierwszy element<br /> listy wypuktowanej</li>
<li> drugi element<br /> listy wypuktowanej</li>
<li> trzeci element<br /> listy wypuktowanej</li>
</ul>

• pierwszy element
  listy wypuktowanej
• drugi element
  listy wypuktowanej
• trzeci element
  listy wypuktowanej

• Przykład 3:

<style type="text/css"><!--
ul { list-style-position: outside; }
--></style>