Styl CSS list-style-type
Styl definiuje typ listy.
WARTOŚCI
- disc - CSS: 2.1, 2.0, 1.0
- punkty tradycyjne w postaci kropek, wartość domyślna
- square - CSS: 2.1, 2.0, 1.0
- kwadraty
- circle - CSS: 2.1, 2.0, 1.0
- kółka
- decimal - CSS: 2.1, 2.0, 1.0
- liczby: 1, 2, 3...
- decimal-leading-zero - CSS: 2.1, 2.0
- liczby z początkowym zerem: 01, 02, 03...
- lower-greek - CSS: 2.1, 2.0
- małe litery greckie: alpha, beta, gamma...
- lower-latin - CSS: 2.1, 2.0
- małe litery łacińskie
- upper-latin - CSS: 2.1, 2.0
- duże litery łacińskie
- armenian - CSS: 2.1, 2.0
- numerowanie armeńskie
- georgian - CSS: 2.1, 2.0
- numerowanie gruzińskie
- hebrew - CSS: 2.1, 2.0
- numerowanie hebrajskie
- cjk-ideographic - CSS: 2.1, 2.0
- numerowanie ideograficzne
- hiragana - CSS: 2.1, 2.0
- numerowanie japońskie - hiragana: a, i, u, e, o, ka...
- katakana - CSS: 2.1, 2.0
- numerowanie japońskie - katakana: a, i, u, e, o, ka...
- hiragana-iroha - CSS: 2.1, 2.0
- numerowanie japońskie - hiragana-iroha: i, ro, ha, ni, ho, he...
- katakana-iroha - CSS: 2.1, 2.0
- numerowanie japońskie - katakana-iroha: i, ro, ha, ni, ho, he...
- lower-alpha - CSS: 2.1, 2.0, 1.0
- litery: a, b, c...
- upper-alpha - CSS: 2.1, 2.0, 1.0
- litery: A, B, C...
- lower-roman - CSS: 2.1, 2.0, 1.0
- litery rzymskie: i, ii, iii...
- upper-roman - CSS: 2.1, 2.0, 1.0
- litery rzymskie: I, II, III...
- inherit - CSS: 2.1, 2.0
- przejęcie wartości "rodzica", np. list-style-type: inherit;
Listing
Przykład 1:
<ul style="list-style-type: upper-roman;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 2:
<ul style="list-style-type: circle;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 3:
<ul style="list-style-type: square;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 4:
<ul style="list-style-type: decimal;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 5:
<ul style="list-style-type: lower-greek;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 6:
<ul style="list-style-type: lower-latin;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 7:
<style type="text/css"><!--
ul { list-style-type: circle; }
--></style>
<ul style="list-style-type: upper-roman;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 2:
<ul style="list-style-type: circle;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 3:
<ul style="list-style-type: square;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 4:
<ul style="list-style-type: decimal;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 5:
<ul style="list-style-type: lower-greek;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 6:
<ul style="list-style-type: lower-latin;">
<li> pierwszy element listy</li>
<li> drugi element listy</li>
<li> trzeci element listy</li>
</ul>
* pierwszy element listy
* drugi element listy
* trzeci element listy
Przykład 7:
<style type="text/css"><!--
ul { list-style-type: circle; }
--></style>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno