Powtórka

Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego CSS. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.

Jak zmienić rodzaj (styl, typ) wykazu - wypunktowanie (koło, okrąg, kwadrat) i numerowanie (liczby arabskie, rzymskie, litery łacińskie, greckie, hebrajskie)?

selektor { list-style-type: typ }

Zobacz więcej...

W jaki sposób stworzyć własny, niestandardowy rodzaj (typ, styl) wykazu? Jak zrobić listę z punktami w postaci emotikon (emoji)?

@counter-style typ {
	system: algorytm;
	cecha: wartość;
}

@counter-style typ {
	system: cyclic;
	symbols: symbole;
}

@counter-style typ {
	system: fixed;
	symbols: symbole;
}

@counter-style typ {
	system: fixed;
	symbols: symbole;
	fallback: typ-domyślny;
}

@counter-style typ {
	system: symbolic;
	symbols: symbole;
}

@counter-style typ {
	system: alphabetic;
	symbols: symbole;
}

@counter-style typ {
	system: numeric;
	symbols: symbole;
}

@counter-style typ {
	system: additive;
	additive-symbols: symbole-addytywne;
}

@counter-style typ {
	negative: przedrostek;
	cecha: wartość;
}

@counter-style typ {
	negative: przedrostek przyrostek;
	cecha: wartość;
}

@counter-style typ {
	prefix: przedrostek;
	cecha: wartość;
}

@counter-style typ {
	suffix: przyrostek;
	cecha: wartość;
}

@counter-style typ {
	prefix: przedrostek;
	suffix: przyrostek;
	cecha: wartość;
}

@counter-style typ {
	range: przedział;
	cecha: wartość;
}

@counter-style typ {
	range: przedział;
	fallback: typ-domyślny;
	cecha: wartość;
}

@counter-style typ {
	pad: liczba symbol;
	cecha: wartość;
}

@counter-style typ {
	system: extends typ-bazowy;
	cecha: wartość;
}

selektor { list-style-type: symbols(symbole) }

selektor { list-style-type: symbols(algorytm symbole) }

Zobacz więcej...

Co zrobić, aby punkt wykazu (wyróżnik, marker) znajdował się wewnątrz tekstu?

selektor { list-style-position: pozycja }

Zobacz więcej...

Jak wstawić grafikę (obrazek) jak punkt wykazu (wyróżnik, marker)?

selektor { list-style-image: url(ścieżka dostępu) }

Zobacz więcej...

Jak ustalić kilka własności wyglądu wykazu w jednym poleceniu?

selektor { list-style: wartości atrybutów }

Zobacz więcej...

Jak można zmienić odstęp punktu wykazu (wyróżnika, markera) od tekstu? Co zrobić, aby wykaz z punktem w postaci grafiki wyglądał tak samo w każdej przeglądarce?

selektor { marker-offset: odstęp }

Zobacz więcej...