|
KOPIA KURSU
| |
To jest kopia kursu, którego oryginalna wersja znajduje się w serwisie algorytmy.pl
|
|
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-type
OPIS
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;
POZOSTAŁE CECHY
• CSS: 2.1, 2.0, 1.0
• dziedziczony: tak
• odpowiednik HTML: type
PRZYKŁADY ZASTOSOWAŃ • 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>
|
