09 marca 2013

XIV. Listy - Formatowanie w CSS

1. Formatowanie listy punktowanej
ul
{
list-style-type: disc -pełne koło
}
Zamiast disc:
circle -okrąg
square -kwadrat
none -brak puntkora

2. Lista numerowana
ol
{
list-style-type: upper-roman -Duże cyfry rzymskie
}
Zamiast upper-roman:
lower-roman -małe cyfry rzymskie
upper-alpha -Duże pierwsze litery alfabetu
lower-alpha -małe litery
none -brak punktora
decimal -cyfry arabskie

3. Lista punktowana-dodawanie obrazku
ul
{
list-style-image: url('nazwa_pliku')
}

np. ul
{
list-style-image: url("obrazek.gif")

4. Elementy listy punktowanej wyświetlić poziomo
ul.nazwa klasy li
np. ul.poziomo li
ul. nazwa klasy li
{
display: inline;
}
do html( w pozycji punktowanej dodajemy nazwę klasy, czyli znacznik class="nazwa klasy".
W ten sposób pozycje z listy będą wyświetlane poziomo.