CSS2 - przewodnik referencyjny

To jest kompletny przewodnik dla programistów internetowych, w którym wymieniliśmy wszystkie właściwości CSS zdefiniowane w zalecanej specyfikacji World Wide Web Consortium dla kaskadowych arkuszy stylów, poziom 2.

Aural Background Border Classification Dimension Font	Wygenerowana treść Lista i znacznik Margin Outlines Padding Positioning	Table Text Print Pseudo-classes Pseudo-elements

Kliknij dowolną właściwość, aby zobaczyć jej opis z przykładami -

Sr.No.	Właściwość i opis
1	azymut Opisuje położenie źródła dźwięku wzdłuż osi poziomej otoczenia słuchacza.
2	tło Właściwość złożona dla następujących właściwości - background-attachment background-color background-image background-position background-repeat
3	załącznik w tle Określa, czy obraz tła jest stały w oknie, czy jest przewijany w trakcie przewijania dokumentu.
4	kolor tła Ustawia kolor tła elementu.
5	zdjęcie w tle Ustawia obraz tła elementu.
6	pozycja tła Ustawia początkową pozycję obrazu tła elementu, jeśli jest określony; wartości zwykle są sparowane, aby zapewnić pozycje x, y; pozycja domyślna to 0% 0%.
7	powtarzanie tła Określa, w jaki sposób obraz tła jest powtarzany (sąsiadująco) na elemencie.
8	granica Ustawia wszystkie cztery granice elementu; wartość to co najmniej jeden kolor, wartość border-width i wartość border-style.
9	border-bottom Ustawia dolną granicę elementu; wartość to co najmniej jeden kolor, wartość border-bottom-width i wartość border-style .
10	border-bottom-width Ustawia grubość dolnej krawędzi elementu.
11	border-collapse Ustawia algorytm renderowania obramowania tabeli.
12	kolor ramki Ustawia kolor wszystkich czterech krawędzi elementu; domyślnie jest to kolor elementu.
13	border-left-color Ustawia kolor lewych krawędzi elementu; domyślnie jest to kolor elementu.
14	border-right-color Ustawia kolor prawych krawędzi elementu; domyślnie jest to kolor elementu.
15	border-top-color Ustawia kolor górnych krawędzi elementu; domyślnie jest to kolor elementu.
16	border-bottom-color Ustawia kolor dolnych krawędzi elementu; domyślnie jest to kolor elementu.
17	border-left Ustawia lewą granicę elementu; wartość to co najmniej jeden kolor, wartość border-left-width i wartość border-style .
18	border-left-width Ustawia grubość lewej krawędzi elementu.
19	border-right Ustawia prawą krawędź elementu; wartość to co najmniej jeden kolor, wartość border-right-width i wartość border-style .
20	border-right-width Ustawia grubość prawej krawędzi elementu.
21	border-spacing Za pomocą oddzielnych krawędzi ustaw odstępy między krawędziami. Jedna wartość określa odstępy w pionie i poziomie, a dwie wartości odpowiednio do ustawiania odstępów w poziomie i w pionie.
22	border-style Ustawia styl wszystkich czterech krawędzi elementu.
23	border-top Ustawia górną granicę elementu; wartość to co najmniej jeden kolor, wartość border-top-width i wartość border-style .
24	border-top-width Ustawia grubość górnej krawędzi elementu.
25	szerokość granicy Ustawia grubość wszystkich czterech krawędzi elementu.
26	Dolny Używany z właściwością position do umieszczania dolnej krawędzi elementu.
27	strona podpisu Ustawia pozycję podpisu tabeli.
28	jasny Ustawia, które marginesy elementu nie mogą przylegać do elementu pływającego; element jest przesuwany w dół, aż margines będzie czysty.
29	spinacz Ustawia maskę przycinającą dla elementu.
30	kolor Ustawia kolor elementu.
31	zadowolony Wstawia wygenerowaną zawartość wokół elementu.
32	przyrost licznika Zwiększa licznik o 1; wartość to lista nazw liczników, przy czym po każdej nazwie opcjonalnie następuje wartość, o którą jest zwiększana.
33	reset licznika Resetuje licznik do zera; wartość to lista nazw liczników, przy czym po każdej nazwie opcjonalnie następuje wartość, do której jest resetowana.
34	cue-after Odtwarza określony dźwięk po wymowie elementu.
35	cue-before Odtwarza wyznaczony dźwięk przed wymówieniem elementu.
36	kursor Określa kształt kursora.
37	kierunek Określa kierunek przepływu zawartości elementu.
38	pokaz Steruje sposobem wyświetlania elementu.
39	podniesienie Ustawia wysokość, na której odtwarzany jest dźwięk.
40	puste komórki Z oddzielnymi obramowaniami ukrywa puste komórki w tabeli.
41	pływak Określa, czy element przesuwa się w lewo czy w prawo, umożliwiając zawijanie go lub wyświetlanie w wierszu tekstu.
42	czcionka Ustawia wszystkie atrybuty czcionek dla elementu. Wartość to dowolna z wartości parametru - font-style font-variant font-weight font-size line-height font-family
43	rodzina czcionek Definiuje czcionkę elementu, jako konkretną czcionkę lub jedną z ogólnych czcionek szeryfowych, bezszeryfowych, kursywnych, fantasy i nieproporcjonalnych.
44	rozmiar czcionki Określa rozmiar czcionki.
45	dostosowywanie rozmiaru czcionki Dostosowuje współczynnik proporcji bieżącej czcionki.
46	font-stretch Określa stopień rozciągnięcia bieżącej czcionki.
47	styl czcionki Definiuje styl twarzy, normalny lub jakiś typ ukośnego stylu.
48	wariant czcionki Definiuje czcionkę kapitalikami.
49	grubość czcionki Określa grubość czcionki. Jeśli używana jest liczba, musi być wielokrotnością 100 między 100 a 900; 400 to normalne, 700 to to samo, co pogrubione słowo kluczowe.
50	wysokość Określa wysokość elementu.
51	lewo Używany z właściwością position do umieszczania lewej krawędzi elementu.
52	odstępy między literami Wstawia dodatkową spację między znakami tekstu.
53	Wysokość linii Ustawia odległość między przylegającymi liniami bazowymi tekstu.
54	styl listy Definiuje style związane z listami przy użyciu dowolnej wartości dla - list-style-image list-style-position list-style-type
55	obraz w stylu listy Definiuje obraz, który ma być używany jako znacznik elementu listy, zamiast wartości - list-style-type
56	pozycja-stylu-listy Wcina lub rozszerza (domyślnie) znacznik elementu listy w odniesieniu do zawartości elementu.
57	typ listy Definiuje znacznik elementu listy albo dla list nieuporządkowanych (okrąg, dysk lub kwadrat), albo dla list uporządkowanych (dziesiętne, małe litery, małe litery alfabetu, brak, duże litery lub duże litery alfabetu).
58	margines Definiuje wszystkie cztery marginesy elementu.
59	margin-bottom Definiuje dolny margines elementu. Wartość domyślna to 0.
60	margin-left Definiuje lewy margines elementu. Wartość domyślna to 0.
61	margin-right Definiuje prawy margines elementu. Wartość domyślna to 0.
62	margin-top Definiuje górny margines elementu. Wartość domyślna to 0.
63	marker-offset Właściwość przesunięcia znacznika może być używana na listach wypunktowanych do określania odległości między najbliższymi krawędziami krawędzi pola znacznika (lub punktora) a skojarzonym z nim polem głównym.
64	znaki Właściwość marks służy do ustawiania znaków cięcia i krzyżyków na stronach. Jest to używane z regułą @page.
65	maksymalna wysokość Właściwość max-height służy do ograniczenia wysokości elementu.
66	max-width Właściwość max-width służy do ustawiania maksymalnej szerokości elementu.
67	min-wysokość Właściwość min-height służy do ograniczenia wysokości elementu.
68	min-width Właściwość min-width służy do ograniczania szerokości elementu.
69	sieroty Ustawia minimalną liczbę wierszy dozwolonych w osieroconym fragmencie akapitu.
70	zarys Właściwość zarys jest skróconą właściwością określającą wszystkie właściwości konturu.
71	kolor konturu Właściwość outline-color służy do określania koloru konturu. Zwróć uwagę, że w przeciwieństwie do właściwości border, kontur nie zajmuje dodatkowej przestrzeni i może być inny niż prostokątny.
72	styl konturu-kolor Właściwość outline-style służy do określania stylu konturu. Zwróć uwagę, że w przeciwieństwie do właściwości border, kontur nie zajmuje dodatkowej przestrzeni i może być inny niż prostokątny.
73	zarys-szerokość Właściwość outline-color służy do określania koloru konturu. Zwróć uwagę, że w przeciwieństwie do właściwości border, kontur nie zajmuje dodatkowej przestrzeni i może być inny niż prostokątny.
74	przelewowy Określa sposób renderowania zawartości przepełnienia.
75	wyściółka Definiuje wszystkie cztery wielkości dopełnienia wokół elementu.
76	wyściółka na dole Definiuje dolne wypełnienie elementu. Wartość domyślna to 0.
77	padding-left Definiuje lewe wypełnienie elementu. Wartość domyślna to 0.
78	padding-right Definiuje prawidłowe wypełnienie elementu. Wartość domyślna to 0.
79	wyściełany top Definiuje górne wypełnienie elementu. Wartość domyślna to 0.
80	strona Kojarzy nazwany układ strony z elementem.
81	podział strony po Wymusza lub pomija podziały stron po elemencie.
82	podział strony przed Wymusza lub pomija podziały stron przed elementem.
83	strona-break-inside Pomija podziały stron w elemencie.
84	pauza Właściwość pause to skrót CSS służący do określania właściwości shorthand do określania przerw w mediach dźwiękowych.
85	pauza po Wstrzymuje multimedia po wypowiedzeniu elementu.
86	pauza-przed Wstrzymuje multimedia przed wypowiedzeniem elementu.
87	smoła Ustawia średnią wysokość mówionej treści elementu.
88	zakres skoku Ustawia zakres wysokości dźwięku, od 0 (płaski) do 100 (szeroki); wartość domyślna to 50.
89	grać w trakcie Jeśli podano adres URL, jest on odtwarzany podczas wypowiadanej treści elementu, określając powtarzanie zapętlenia dźwięku; mix powoduje, że miksuje z innym dźwiękiem w tle, a nie zastępuje go.
90	pozycja Ustawia model pozycjonowania dla elementu.
91	cytaty Ustawia symbole cudzysłowu używane do cytowania tekstu.
92	bogactwo Ustawia bogactwo głosu, od 0 (płaska) do 100 (miodowa); wartość domyślna to 50.
93	dobrze Używany z właściwością position do umieszczania prawej krawędzi elementu.
94	rozmiar Właściwość size jest używana w mediach stronicowanych do określenia rozmiaru strony.
95	mówić Określa sposób wymawiania treści elementu.
96	speak-header Określa, czy nagłówki tabeli są odczytywane raz dla każdego wiersza lub kolumny, czy za każdym razem, gdy czytana jest komórka.
97	speak-numeral Określa sposób wymawiania cyfr.
98	mówić-interpunkcja Określa, czy interpunkcja jest wymawiana, czy używana do odmiany.
99	tempo mowy Ustawia tempo mowy; liczba określa szybkość w słowach na minutę.
100	naprężenie Ustawia stres głosu od 0 (katatoniczny) do 100 (nadpobudliwy); wartość domyślna to 50.
101	układ tabeli Określa algorytm renderowania tabeli.
102	wyrównywanie tekstu Ustawia styl wyrównania tekstu dla elementu.
103	dekoracja tekstu Określa dowolną dekorację tekstu; wartości mogą być łączone.
104	wcięcie tekstu Określa wcięcie pierwszej linii tekstu w elemencie; wartość domyślna to 0.
105	cień tekstu Tworzy cienie tekstu o różnych kolorach i przesunięciach.
106	transformacja tekstu Odpowiednio przekształca tekst w elemencie.
107	Top Używany z właściwością position do umieszczania górnej krawędzi elementu.
108	wyrównać w pionie Ustawia pionowe położenie elementu.
109	widoczność Określa, czy element jest widoczny w dokumencie lub tabeli.
110	rodzina głosu Wybiera nazwaną rodzinę głosów, aby wypowiedzieć zawartość elementu.
111	Tom Ustawia głośność treści mówionych; wartości liczbowe mieszczą się w zakresie od 0 do 100.
112	Biała przestrzeń Definiuje sposób obsługi białych znaków w elemencie.
113	wdowy Ustawia minimalną liczbę wierszy dozwolonych w owdowiałym fragmencie akapitu.
114	szerokość Określa szerokość elementu.
115	odstępy między wyrazami Wstawia dodatkową spację między słowami.
116	Z-index Ustawia warstwę renderowania dla bieżącego elementu.

Pseudoklasy i pseudoelementy

Sr.No.	Właściwość i opis
1	:aktywny Użyj tej klasy, aby dodać efekt specjalny do aktywowanego elementu.
2	:skupiać Użyj tej klasy, aby dodać efekt specjalny do elementu, gdy element jest aktywny.
3	:unosić się Użyj tej klasy, aby dodać efekt specjalny do elementu, gdy najedziesz na niego kursorem myszy.
4	:połączyć Użyj tej klasy, aby dodać efekt specjalny do nieodwiedzonego łącza.
5	: odwiedzone Użyj tej klasy, aby dodać efekt specjalny do odwiedzanego łącza.
6	:pierworodny Użyj tej klasy, aby dodać efekt specjalny do elementu, który jest pierwszym dzieckiem innego elementu.
7	: lang Użyj tej klasy, aby określić język, który ma być używany w określonym elemencie.
8	: pierwsza litera Użyj tego elementu, aby dodać efekt specjalny do pierwszej litery tekstu.
9	:Pierwsza linia Użyj tego elementu, aby dodać efekt specjalny do pierwszego wiersza tekstu.
10	:przed Użyj tego elementu, aby wstawić jakąś zawartość przed elementem.
11	:po Użyj tego elementu, aby wstawić zawartość po elemencie.