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
OPIS
Styl definiuje właściwości listy. Za pomocą tego jednego polecenia można ustalić wszystkie, następujące właściwości listy:
list-style-image,
list-style-position,
list-style-type.
Jedno polecenie zamiast kilku jest po prostu wygodne w stosowaniu. Kolejność podawanych wartości ma znaczenie.
WARTOŚCI
- • list-style-image - CSS: 2.1, 2.0, 1.0
- definiuje obrazek zamiast wypunktowania, np. list-style: url(grafika.gif);
- • list-style-position - CSS: 2.1, 2.0, 1.0
- pozycja znaku wypunktowania, np. list-style: inside;
- • list-style-type - CSS: 2.1, 2.0, 1.0
- typ listy, np. list-style: circle;
- • inherit - CSS: 2.1, 2.0
- przejęcie wartości "rodzica", np. list-style: 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: circle url(p/sm.gif) inside;">
<li>pierwszy element listy</li>
<li>drugi element listy</li>
<li>trzeci element listy</li>
</ul>
• Przykład 2:
<style type="text/css"><!--
ul { list-style: circle url(punkt.gif) inside; }
--></style>
|