![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Styl CSS list-style
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;
Listing
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>
<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>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: 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
