Najlepszy samouczek Lista stylów CSS (UL) W 2024 r. W tym samouczku możesz dowiedzieć się lista,Different marker element listy,Przykłady,Jako marker obrazu Wykaz egzemplarzy,Przykłady,Zgodność z przeglądarkami Solutions,Przykłady,Lista - skróconą własnością,Przykłady,Więcej przykładów,Wszystkie Właściwości listy CSS,
CSS Właściwości listy rola jest w następujący sposób:
W HTML, istnieją dwa typy list:
Z CSS, można wymienić styl dalej, i może zrobić znacznik obrazu Wykaz egzemplarzy.
atrybutu list-style-type określa rodzaj znacznika elementu listy jest ::
Niektóre wartości są nieuporządkowane listy, a część jest uporządkowana lista.
Aby określić znacznik obrazu Wykaz egzemplarzy, należy użyć właściwości list-style-image:
Powyższy przykład nie pokazuje tak samo we wszystkich przeglądarkach, IE i Opera wyświetla tagi obrazu niż Firefox, Chrome i Safari nieco wyższym.
Jeśli chcesz umieścić ten sam obraz logo we wszystkich przeglądarkach, należy użyć rozwiązania zgodnością przeglądarki, w następujący sposób
Również we wszystkich przeglądarkach, następujący przykład pokaże znacznik obrazka:
Przykład wyjaśnił:
Można określić listę wszystkich właściwości w jednym obiekcie. To się nazywa skróconą własnością.
Użyj własności Skróty do listy, lista atrybutów typu są ustawione w następujący sposób:
Jeśli używasz skrótowej wartość właściwości zamówienia jest:
Jeśli te wartości są brakuje jednego z pozostałej kolejności jest wciąż określona, to nie ma znaczenia.
Każdy inny marker element listy
Ten przykład pokazuje cały inny znacznik CSS Wykaz egzemplarzy.
nieruchomość | opis |
---|---|
list-style | Skrócona forma. Aby uzyskać listę wszystkich właściwości podano w oświadczeniu |
list-style-image | Obraz jest podpisać listę elementów. |
list-style-position | Ustaw pozycję na liście znacznik elementu listy. |
list-style-type | Ustaw typ flagi elementu listy. |