Właściwości animacji

Właściwość	Opis
animation	Określa animacje oparte na klatkach kluczowych.
animation-delay	Określa, kiedy rozpocznie się animacja.
animation-direction	Określa, czy animacja powinna być odtwarzana w odwrotnej kolejności w cyklach naprzemiennych, czy nie.
normal	W każdym cyklu animacja powinna być odtwarzana do przodu. To jest domyślne.
reverse	Animacja powinna być odtwarzana wstecz w każdym cyklu.
alternate	Animacja jest odtwarzana do przodu w pierwszym cyklu, następnie odtwarzana do tyłu, a następnie naprzemiennie.
alternate-reverse	W pierwszym cyklu animacja jest odtwarzana do tyłu, następnie do przodu, a następnie naprzemiennie.
animation-duration	Określa liczbę sekund lub milisekund, jaką animacja powinna zająć, aby ukończyć jeden cykl.
animation-fill-mode	Określa, w jaki sposób animacja CSS powinna stosować style do obiektu docelowego przed i po wykonaniu.
none	Animacja nie zastosuje żadnych stylów do celu przed ani po jego wykonaniu.
forwards	Po zakończeniu animacji (zgodnie z jej licznikiem animacji-iteracji) animacja zastosuje wartości właściwości na czas zakończenia animacji.
backwards	Animacja zastosuje wartości właściwości zdefiniowane w klatce kluczowej, która rozpocznie pierwszą iterację animacji w okresie zdefiniowanym przez właściwość animation-delay. Są to wartości klatki kluczowej od (gdy kierunek animacji jest normalny lub alternatywny) lub klatki kluczowej do (gdy kierunek animacji jest odwrotny lub alternatywny).
both	Animacja będzie zgodna z regułami zarówno do przodu, jak i do tyłu, rozszerzając w ten sposób właściwości animacji w obu kierunkach.
animation-iteration-count	Określa, ile razy cykl animacji powinien zostać odtworzony przed zatrzymaniem.
number	Określa, ile razy animacja powinna się powtarzać. Wartość domyślna to 1. Wartości ujemne nie są dozwolone.
infinite	Animacja będzie się powtarzać w nieskończoność, czyli w nieskończoność.
animation-name	Określa nazwę zdefiniowanych animacji @keyframes, które należy zastosować do wybranego elementu.
animation-play-state	Określa, czy animacja jest uruchomiona, czy wstrzymana.
paused	Określa, że ​​animacja jest aktualnie wstrzymana.
running	Określa, że ​​animacja jest aktualnie uruchomiona. To jest wartość domyślna.
animation-timing-function	Określa, jak animacja CSS powinna przebiegać w czasie trwania każdego cyklu.
linear	Określa, że ​​animacja przechodzi ze stanu początkowego do stanu końcowego ze stałą prędkością.
ease	Podobny do zwalniania, chociaż na początku przyspiesza bardziej gwałtownie, a przyspieszenie zaczyna zwalniać już w połowie.
ease-in	Określa, że ​​animacja zaczyna się powoli, a następnie stopniowo przyspiesza, aż do osiągnięcia stanu końcowego i nagłego zatrzymania.
ease-out	Określa, że ​​animacja rozpoczyna się szybko, a następnie stopniowo zwalnia, gdy zbliża się do stanu końcowego.
ease-in-out	Określa, że ​​animacja zaczyna się powoli, przyspiesza, a następnie zwalnia, gdy zbliża się do stanu końcowego.
cubic-bezier(n,n,n,n)	Definiuje sześcienną krzywą Beziera. Jest również znany jako krzywa prędkości. Możliwe wartości to wartości liczbowe od 0 do 1.

Właściwości tła

Właściwość	Opis
background	Definiuje różne właściwości tła w ramach jednej deklaracji.
background-attachment	Określ czy obraz tła jest stały czy się przewija
fixed	Obraz tła jest ustalony w stosunku do rzutni i nie porusza się wraz z elementem.
local	Obraz tła pozostaje stały w odniesieniu do zawartości elementu: jeśli element ma mechanizm przewijania, tło przewija się wraz z zawartością elementu.
scroll	Wartość domyślna. Obraz tła jest ustalany w odniesieniu do samego elementu i przewijany w rzutni wraz z elementem zawierającym.
background-clip	Określa obszar malowania tła.
border-box	Określa, że ​​tło rozciąga się do zewnętrznej krawędzi obramowania. Tło jest narysowane poniżej granicy. To jest wartość domyślna.
padding-box	Określa, że ​​tło rozciąga się do zewnętrznej krawędzi wyściółki. Pod obramowaniem nie jest rysowane żadne tło.
content-box	Określa, że ​​tło jest pomalowane (przycięte) tylko w polu treści. Żadne tło nie jest rysowane poniżej granicy i obszaru dopełnienia.
background-color	Definiuje kolor tła elementu.
background-image	Definiuje obraz tła elementu.
background-origin	Określa obszar pozycjonowania obrazów tła.
border-box	Określa, że ​​tło rozciąga się do zewnętrznej krawędzi obramowania. Tło jest narysowane poniżej granicy..
padding-box	Określa, że ​​tło rozciąga się do zewnętrznej krawędzi wyściółki. Pod obramowaniem nie jest rysowane żadne tło. To jest wartość domyślna.
content-box	Określa, że ​​tło jest pomalowane (przycięte) tylko w polu treści. Żadne tło nie jest rysowane poniżej granicy i obszaru dopełnienia.
background-position	Definiuje pochodzenie obrazu tła.
left	Odpowiednik 0% dla pozycji poziomej.
center	Odpowiednik 50% dla pozycji poziomej.
right	Odpowiednik 100% dla pozycji poziomej.
top	Odpowiednik 0% dla pozycji pionowej.
bottom	Odpowiednik 100% dla pozycji pionowej.
left top	Odpowiednik 0% dla pozycji poziomej oraz 0% dla pozycji pionowej.
left center	Odpowiednik 0% dla pozycji poziomej oraz 50% dla pozycji pionowej.
left bottom	Odpowiednik 0% dla pozycji poziomej oraz 100% dla pozycji pionowej.
center top	Odpowiednik 50% dla pozycji poziomej oraz 0% dla pozycji pionowej.
center center	Odpowiednik 50% dla pozycji poziomej oraz 50% dla pozycji pionowej.
center bottom	Odpowiednik 50% dla pozycji poziomej oraz 100% dla pozycji pionowej.
right top	Odpowiednik 100% dla pozycji poziomej oraz 0% dla pozycji pionowej.
right center	Odpowiednik 100% dla pozycji poziomej oraz 50% dla pozycji pionowej.
right bottom	Odpowiednik 100% dla pozycji poziomej oraz 100% dla pozycji pionowej.
procenty	Pierwsza wartość określa położenie w poziomie, druga wartość określa położenie w pionie. np. 25%    50%    75%    25% 25%    25% 50%    25% 75%
background-repeat	Określ, czy/jak obraz tła ma być kafelkowany.
repeat	Wartość domyślna. Obraz tła będzie powtarzany zarówno w pionie, jak i w poziomie.
repeat-x	Obraz tła będzie powtarzany tylko w poziomie.
repeat-y	Obraz tła będzie powtarzany tylko w pionie.
no-repeat	Obraz tła nie będzie się powtarzał.
background-size	Określa rozmiar obrazów tła.
length	Ustawia szerokość i wysokość obrazu tła na określoną długość. Pierwsza wartość określa szerokość, a druga wysokość. Jeśli podano tylko jedną wartość, zakłada się, że druga jest auto. Ujemne wartości długości są niedozwolone.
percentage	Ustawia szerokość i wysokość obrazu tła na procent obszaru pozycjonowania tła. Pierwsza wartość określa szerokość, a druga wysokość. Jeśli podano tylko jedną wartość, zakłada się, że druga jest auto. Ujemne wartości procentowe są niedozwolone.
auto	Wartość auto dla jednego wymiaru skaluje obraz tła w odpowiednim kierunku, tak aby zachowana była jego wewnętrzna proporcja. Jeśli wartość auto jest określona dla obu wymiarów, obraz tła zawiera własną szerokość i wysokość, co jest zachowaniem domyślnym.
contain	Skaluj obraz, zachowując jego wewnętrzny współczynnik proporcji (jeśli istnieje), do największego rozmiaru, tak aby zarówno jego szerokość, jak i wysokość mieściły się w obszarze pozycjonowania tła.
cover	Skaluj obraz, zachowując jego wewnętrzne proporcje (jeśli istnieje), do najmniejszego rozmiaru, tak aby zarówno jego szerokość, jak i wysokość mogły całkowicie pokryć obszar pozycjonowania tła.

Właściwości obramowania

Właściwość	Opis
border	Ustawia szerokość, styl i kolor dla wszystkich czterech boków obramowania elementu.
border-top	Ustawia szerokość, styl i kolor górnej krawędzi elementu.
border-right	Ustawia szerokość, styl i kolor prawej krawędzi elementu.
border-bottom	Ustawia szerokość, styl i kolor dolnej krawędzi elementu.
border-left	Ustawia szerokość, styl i kolor lewego obramowania elementu.
border-color	Ustawia kolor obramowania na wszystkich czterech bokach elementu.
border-top-color	Ustawia kolor górnej granicy elementu.
border-right-color	Ustawia kolor prawej krawędzi elementu.
border-bottom-color	Ustawia kolor dolnej granicy elementu.
border-left-color	Ustawia kolor lewej krawędzi elementu.
border-style	Ustawia styl obramowania na wszystkich czterech bokach elementu.
border-top-style	Ustawia styl górnej granicy elementu.
border-right-style	Ustawia styl prawej krawędzi elementu.
border-bottom-style	Ustawia styl dolnej granicy elementu.
border-left-style	Ustawia styl lewej krawędzi elementu.
border-width	Ustawia szerokość obramowania na wszystkich czterech bokach elementu.
border-top-width	Ustawia szerokość górnej granicy elementu.
border-right-width	Ustawia szerokość prawej krawędzi elementu.
border-bottom-width	Ustawia szerokość dolnej granicy elementu.
border-left-width	Ustawia szerokość lewej krawędzi elementu.
border-radius	Definiuje kształt narożników obramowania elementu.
border-top-right-radius	Definiuje kształt prawego górnego rogu obramowania elementu.
border-bottom-right-radius	Definiuje kształt prawego dolnego narożnika obramowania elementu.
border-bottom-left-radius	Definiuje kształt lewego dolnego narożnika obramowania elementu.
border-top-left-radius	Definiuje kształt lewego górnego rogu obramowania elementu.
border-image	Określa, w jaki sposób obraz ma być używany zamiast stylów obramowania.
border-image-outset	Określa wielkość, o jaką obszar obrazu obramowania wychodzi poza pole obramowania.
border-image-repeat	Określa, czy obramowanie obrazu powinno być powtórzone, zaokrąglone czy rozciągnięte.
border-image-slice	Określa wewnętrzne przesunięcia obramowania obrazu.
border-image-source	Określa położenie obrazu, który ma być używany jako obramowanie.
border-image-width	Określa szerokość obramowania obrazu.

Właściwości koloru

Właściwość	Opis
color	Określ kolor tekstu elementu.
background-color	Definiuje kolor tła elementu.
opacity	Określa przezroczystość elementu.

Właściwości wymiaru

Właściwość	Opis
height	Określ wysokość elementu.
max-height	Określ maksymalną wysokość elementu.
min-height	Określ minimalną wysokość elementu.
width	Określ szerokość elementu.
max-width	Określ maksymalną szerokość elementu.
min-width	Określ minimalną szerokość elementu.

Elastyczny układ pudełka

Właściwość	Opis
align-content	Określa wyrównanie elementów kontenera elastycznego w kontenerze elastycznym.
center	Przedmioty są umieszczane na środku elastycznego pojemnika.
flex-start	Przedmioty są umieszczane na początku elastycznego kontenera.
flex-end	Przedmioty są umieszczane na końcu elastycznego pojemnika.
space-between	Przedmioty są równomiernie rozmieszczone w elastycznym pojemniku w taki sposób, że przestrzeń między dwoma sąsiednimi przedmiotami jest taka sama.
space-around	Przedmioty są równomiernie rozmieszczone w elastycznym pojemniku, dzięki czemu przestrzenie wokół (przed, pomiędzy i po) każdego przedmiotu są takie same.
stretch	Przedmioty są rozciągane, aby pasowały do ​​elastycznego pojemnika. Wolna przestrzeń jest równo podzielona między wszystkie elementy. To jest wartość domyślna.
align-items	Określa domyślne wyrównanie elementów w kontenerze Flex.
baseline	Przedmioty są umieszczane na linii bazowej elastycznego pojemnika.
center	Przedmioty są umieszczane na środku elastycznego pojemnika.
flex-start	Przedmioty są umieszczane na początku elastycznego kontenera.
flex-end	Przedmioty są umieszczane na końcu elastycznego pojemnika.
stretch	Przedmioty są rozciągane, aby pasowały do ​​elastycznego pojemnika. Wolna przestrzeń jest równo podzielona między wszystkie elementy. To jest wartość domyślna.
align-self	Określa wyrównanie dla wybranych elementów w kontenerze Flex.
auto	Element przyjmuje obliczoną wartość właściwości align-items elementu nadrzędnego lub stretch, jeśli nie ma elementu nadrzędnego. To jest wartość domyślna.
baseline	Element jest umieszczony na linii bazowej pojemnika elastycznego.
center	Element jest umieszczony na środku elastycznego pojemnika.
flex-start	Element jest umieszczony na początku elastycznego kontenera.
flex-end	Element jest umieszczony na końcu elastycznego pojemnika.
stretch	Element jest rozciągnięty, aby pasował do elastycznego pojemnika.
flex	Określa komponenty o elastycznej długości. (wartość od 0 do 1)
wartość 0
wartość 1
flex-basis	Określa początkowy główny rozmiar elementu elastycznego.
auto	Szerokość elementu elastycznego jest równa wartości jego właściwości width. Jeśli właściwość width nie jest określona dla elementu elastycznego, szerokość będzie zgodna z jego zawartością. To jest wartość domyślna.
width	Długość w jednostkach bezwzględnych lub względnych, która określa początkową długość elementu elastycznego.
flex-direction	Określa kierunek elastycznych elementów.
row	Główna oś kontenera elastycznego ma taką samą orientację jak oś w linii bieżącego trybu pisania, tj. kierunek tekstu.
row-reverse	To samo co wiersz, ale punkty początkowe i końcowe osi są odwrócone.
column	Główna oś elastycznego kontenera ma taką samą orientację jak oś bloku (oś pionowa w trybach pisania poziomego i oś pozioma w trybach pisania pionowego) bieżącego kierunku tekstu.
column-reverse	To samo co kolumna, ale punkty początkowe i końcowe osi są odwrócone.
flex-flow	Skrócona skuteczność dla właściwości flex-direction i flex-wrap.
flex-direction	Określa sposób umieszczania elementów elastycznych w kontenerze elastycznym.
flex-wrap	Określa, czy elementy elastyczne powinny się zawijać, czy nie.
row wrap
row-reverse wrap
flex-grow	Określa, jak element elastyczny będzie rósł w stosunku do innych elementów wewnątrz kontenera elastycznego.
number	Liczba dodatnia określająca współczynnik wzrostu elastycznego elementu elastycznego. Wartość domyślna to 0.
flex-shrink	Określa, w jaki sposób element flex będzie się kurczył w stosunku do innych elementów wewnątrz kontenera flex.
number	Liczba dodatnia, która określa współczynnik skurczu elastycznego elementu elastycznego. Wartość domyślna to 1.
flex-wrap	Określa, czy elastyczne elementy powinny być zawijane, czy nie.
wrap	Określa, że ​​w razie potrzeby elementy elastyczne zostaną podzielone na wiele wierszy.
wrap-reverse	Zachowuje się tak samo jak zawijanie, ale elementy będą zawijane w odwrotnej kolejności.
nowrap	Określa, że ​​wszystkie elastyczne elementy są wyświetlane w jednym wierszu lub kolumnie, co może spowodować przepełnienie elastycznego kontenera. Właściwość CSS overflow elastycznego kontenera określa, czy elementy elastyczne mają być ukryte, przycięte czy przewijalne.
justify-content	Określa, w jaki sposób elementy elastyczne są wyrównane wzdłuż głównej osi kontenera elastycznego po rozwiązaniu wszelkich elastycznych długości i automatycznych marginesów.
flex-start	Elementy Flex są pakowane w kierunku początku linii. To jest wartość domyślna.
flex-end	Elementy Flex są pakowane pod koniec linii.
center	Elementy Flex są pakowane w kierunku środka linii.
space-between	Elementy Flex są równomiernie rozmieszczone wzdłuż linii.
space-around	Elementy Flex są równomiernie rozmieszczone, dzięki czemu odstęp między dwoma sąsiednimi elementami jest taki sam.
order	Określa kolejność, w jakiej elementy elastyczne są wyświetlane i rozmieszczane w kontenerze elastycznym.

Właściwości czcionki

Właściwość	Opis
font	Definiuje różne właściwości czcionki w ramach jednej deklaracji.
font-family	Definiuje listę czcionek dla elementu.
font-size	Określa rozmiar czcionki tekstu.
font-size-adjust	Zachowuje czytelność tekstu w przypadku wystąpienia zastępczej czcionki.
font-stretch	Wybiera z czcionki normalną, zagęszczoną lub rozszerzoną ścianę.
font-style	Definiuje styl czcionki tekstu.
font-variant	Określ wariant czcionki.
font-weight	Określ grubość czcionki tekstu.

Właściwości generowanej treści

Właściwość	Opis
content	Wstawia wygenerowaną treść.
quotes	Określa cudzysłowy dla osadzonych cudzysłowów.
counter-reset	Tworzy lub resetuje jeden lub więcej liczników.
counter-increment	Zwiększa jedną lub więcej wartości licznika.

Lista właściwości

Właściwość	Opis
list-style	Definiuje styl wyświetlania listy i elementów listy.
list-style-image	Określa obraz, który ma być używany jako znacznik elementu listy.
list-style-position	Określa położenie znacznika elementu listy.
list-style-type	Określa styl znacznika dla elementu listy.

Właściwości marginesu

Właściwość	Opis
margin	Ustawia margines na wszystkich czterech bokach elementu.
margin-top	Ustawia górny margines elementu.
margin-right	Ustawia prawy margines elementu.
margin-bottom	Ustawia dolny margines elementu.
margin-left	Ustawia lewy margines elementu.

Właściwości układu wielu kolumn

Właściwość	Opis
column-count	Określa liczbę kolumn w elemencie wielokolumnowym.
number	Dodatnia liczba całkowita określająca liczbę kolumn w elemencie wielokolumnowym. Jeśli szerokość kolumny jest również ustawiona na wartość inną niż auto, może wskazywać maksymalną dozwoloną liczbę kolumn.
auto	Liczba kolumn jest określana przez inne właściwości CSS, takie jak szerokość kolumny. To jest wartość domyślna.
column-fill	Określa sposób wypełniania kolumn.
auto	Kolumny są wypełniane sekwencyjnie, tak że kolumny mogą różnić się długością w zależności od innych wartości właściwości kolumn.
balance	Kolumny są wypełniane sekwencyjnie, tak aby wysokości kolumn były jak najbardziej zrównoważone, w zależności od innych wartości właściwości kolumn.
column-gap	Określa odstęp między kolumnami w elemencie wielokolumnowym.
length	Wartość długości określająca rozmiar odstępu między kolumnami. Nie może być ujemna, ale może być równa 0.
normal	Wskazuje, aby użyć domyślnych odstępów między kolumnami zdefiniowanych przez przeglądarkę. Domyślna wartość to 1em w większości przeglądarek.
column-rule	Określa linię prostą lub „regułę”, która ma zostać narysowana między każdą kolumną w elemencie wielokolumnowym.
column-rule-color	Określa kolor reguł rysowanych między kolumnami w układzie wielokolumnowym.
column-rule-style	Określa styl reguły rysowanej między kolumnami w układzie wielokolumnowym.
column-rule-width	Określa szerokość reguły rysowanej między kolumnami w układzie wielokolumnowym.
column-span	Określa, ile kolumn obejmuje element w układzie wielokolumnowym.
all	Element obejmuje wszystkie kolumny na stronie. Cała zawartość zadeklarowana przed elementem jest wyświetlana przed elementem.
none	Element nie obejmuje wielu kolumn. To jest wartość domyślna.
column-width	Określa optymalną szerokość kolumn w elemencie wielokolumnowym.
length	Długość w jednostkach bezwzględnych lub względnych, która określa szerokość kolumny.
auto	Szerokość kolumny jest określana przez inne wartości właściwości elementu wielokolumnowego, takie jak liczba-kolumn. To jest wartość domyślna.
columns	Skrócona właściwość służąca do ustawiania właściwości szerokości kolumny i liczby kolumn.

Właściwości konspektu

Właściwość	DOpis
outline	Ustawia szerokość, styl i kolor dla wszystkich czterech boków konturu elementu.
outline-color	Ustawia kolor konturu.
outline-offset	Ustaw odstęp między konturem a krawędzią elementu.
outline-style	Ustawia styl konturu.
outline-width	Ustawia szerokość konturu.

Właściwości wypełnienienia

Właściwość	Opis
padding	Ustawia wypełnienie na wszystkich czterech bokach elementu.
padding-top	Ustawia wypełnienie górnej części elementu.
padding-right	Ustawia wypełnienie po prawej stronie elementu.
padding-bottom	Ustawia wypełnienie dolnej części elementu.
padding-left	Ustawia wypełnienie po lewej stronie elementu.

Właściwości tabeli

Właściwość	Opis
border-collapse	Określa, czy obramowania komórek tabeli są połączone czy rozdzielone.
separate	Wybiera model z oddzielonymi granicami. To jest wartość domyślna.
collapse	Wybiera model zwijanych obramowań. Właściwości border-spacing i empty-cells zostaną zignorowane.
border-spacing	Ustawia odstępy między krawędziami sąsiednich komórek tabeli.
caption-side	Określ położenie podpisu tabeli.
top	Umieszcza pole podpisu nad polem tabeli.
bottom	Umieszcza pole podpisu poniżej pola tabeli.
empty-cells	Pokaż lub ukryj obramowania i tła pustych komórek tabeli.
show	Ramki i tła są rysowane wokół pustych komórek, tak jak zwykłe komórki. To jest wartość domyślna.
hide	Wokół pustych komórek nie są rysowane żadne obramowania ani tła.
table-layout	Określa algorytm układu tabeli.
auto	Do układu tabeli używany jest algorytm automatycznego układu tabeli. Szerokość tabeli i jej komórek zależy od zawartości komórki. To jest wartość domyślna.
fixed	Algorytm stałego układu tabeli jest używany do układu tabeli. Poziomy układ tabeli nie zależy od zawartości komórek; zależy to tylko od szerokości tabeli, szerokości kolumn i obramowań lub odstępów między komórkami. Szerokości tabel i kolumn są ustalane na podstawie szerokości elementów tabeli i kolumny lub szerokości pierwszego wiersza komórek.

Właściwości tekstu

Właściwość	Opis
direction	Zdefiniuj kierunek tekstu/kierunek pisania.
ltr	Ustawia kierunek od lewej do prawej. To jest wartość domyślna.
rtl	Ustawia kierunek od prawej do lewej.
tab-size	Określa długość znaku tabulacji.
integer	Określa liczbę spacji w tabulatorze.
length	Określa szerokość tabulatora jako wartość długości w px, pt, cm, em itp.
text-align	Ustawia poziome wyrównanie zawartości wbudowanej.
left	Wyrównuje tekst wbudowany do lewej strony.
right	Wyrównuje tekst wbudowany do prawej strony.
center	Wyśrodkowuje tekst wbudowany.
justify	Tekst jest wyjustowany.
text-align-last	Określa sposób wyrównywania ostatniego wiersza.
auto	Ostatni wiersz jest wyrównany autoamtycznie do lewego marginesu.
start	Ostatni wiersz jest wyrównany do lewego marginesu.
end	Ostatni wiersz jest wyrównany do prawego marginesu.
left	Ostatni wiersz jest wyrównany do lewego marginesu.
right	Ostatni wiersz jest wyrównany do prawego marginesu
center	Ostatni wiersz jest wycentrowany.
justify	Ostatni wiersz jest wyjustowany.
text-decoration	Określa dekorację dodaną do tekstu.
none	Nie tworzy dekoracji tekstu.
underline	Każdy wiersz tekstu jest podkreślony.
overline	Nad każdym wierszem tekstu znajduje się linia.
line-through	Każdy wiersz tekstu ma linię przechodzącą przez środek.
text-decoration-color	Określa kolor właściwości text-decoration-line.
text-decoration-line	Określa, jakiego rodzaju dekoracje linii są dodawane do elementu.
none	Nie tworzy dekoracji tekstu.
underline	Każdy wiersz tekstu jest podkreślony.
overline	Nad każdym wierszem tekstu znajduje się linia.
line-through	Każdy wiersz tekstu ma linię przechodzącą przez środek.
text-decoration-style	Określa styl linii określony przez właściwość text-decoration
solid	Linia jest wyświetlana jako pojedyncza linia. To jest wartość domyślna.
double	Linia jest wyświetlana jako linia podwójna.
dotted	Linia jest wyświetlana jako linia kropkowana.
dashed	Linia jest wyświetlana jako linia przerywana.
wavy	Linia jest wyświetlana jako linia falista.
text-indent	Wcięcie pierwszego wiersza tekstu.
length	Określa wcięcie o stałej długości.
percentage	Określa wcięcie podane w procentach (%).
text-justify	Określa metodę justowania, która ma być używana, gdy właściwość wyrównania tekstu text-align przyjmuje wartość justify.
auto	Przeglądarka określa algorytm uzasadnienia, którego należy przestrzegać. To jest wartość domyślna.
distribute	Zwiększa lub zmniejsza odstępy między literami i słowami.
inter-word	Zwiększa lub zmniejsza odstępy między wyrazami.
none	Justowanie jest wyłączone.
text-shadow	Stosuje jeden lub więcej cieni do zawartości tekstowej elementu.
text-transform	Przekształca wielkość liter w tekście.
capitalize	Przekształca pierwszy znak każdego słowa na wielkie litery.
lowercase	Przekształca wszystkie znaki każdego słowa na małe litery.
uppercase	Przekształca wszystkie znaki każdego słowa na wielkie litery.
none	Brak efektu kapitalizacji.
line-height	Ustawia wysokość między wierszami tekstu.
normal	Przeglądarki komputerowe używają wartości domyślnej około 1,2, w zależności od rodziny czcionek elementu. To jest wartość domyślna.
number	Liczba, która zostanie pomnożona przez font-size elementu, aby ustawić wysokość linii.
length	Ustawia wysokość między wierszami tekstu w px, pt, cm, em itp.
percentage	Ustawia wysokość między wierszami tekstu w procentach (%).
vertical-align	Ustawia pionowe położenie elementu względem bieżącej linii bazowej tekstu.
baseline	Wyrównaj linię bazową ramki elementu z linią bazową ramki nadrzędnej.
sub	Opuść linię bazową pudełka do pozycji odpowiedniej dla indeksów dolnych pudełka rodzica.
super	Podnosi linię bazową ramki do pozycji odpowiedniej dla indeksów górnych ramki rodzica.
length	Wartość długości w px, pt, cm, em itp. Wartości długości podnoszą (wartość dodatnia) lub obniżają (wartość ujemna) pole o tę odległość od linii bazowej jego elementu nadrzędnego. Wartość 0px jest taka sama jak linia bazowa.
percentage	Podnieś (wartość dodatnia) lub obniż (wartość ujemna) ramkę o tę odległość (procent wartości wysokości linii). Wartość 0% jest taka sama jak wartość bazowa.
top	Wyrównaj górną część elementu i jego potomków z górną krawędzią linii.
middle	Wyrównaj środek elementu z punktem, który znajduje się w połowie wysokości x elementu nadrzędnego nad linią bazową pola nadrzędnego.
bottom	Wyrównaj dolną część elementu i jego potomków z dolną krawędzią linii.
text-top	Wyrównaj górną część elementu z górną krawędzią czcionki elementu nadrzędnego.
text-bottom	Wyrównaj dolną część elementu z dolną krawędzią czcionki elementu nadrzędnego.
letter-spacing	Ustawia odstępy między literami.
word-spacing	Ustawia odstępy między słowami.
white-space	Określa sposób obsługi białych znaków wewnątrz elementu.
normal	Sekwencje spacji zwiną się w jedną spację. Podziały linii będą występować wszędzie tam, gdzie jest to konieczne do wypełnienia pól linii. To jest wartość domyślna.
pre	Zachowane są sekwencje białych znaków. Wiersze są przerywane tylko przy zachowanych znakach nowej linii. Działa jak znacznik <pre>.
pre-line	Sekwencje spacji zwiną się w pojedynczy znak spacji. Podziały wierszy będą występować przy zachowanych znakach nowej linii oraz wszędzie tam, gdzie jest to konieczne do wypełnienia ramek wierszy.
pre-wrap	Zachowane są sekwencje białych znaków. Podziały wierszy będą występować przy zachowanych znakach nowej linii oraz wszędzie tam, gdzie jest to konieczne do wypełnienia ramek wierszy.
nowrap	Zwija spacje jak normal, ale pomija podziały wierszy w tekście.
word-break	Określa sposób łamania wierszy w słowach.
normal	Słowa łamią się zgodnie z ich zwykłymi zasadami.
break-all	Linie mogą się łamać między dowolnymi dwiema literami.
keep-all	Przerwy są zabronione między parami liter.
word-wrap	Określa, czy łamać słowa, gdy zawartość przekracza granice swojego kontenera.
normal	Wiersze mogą się łamać tylko w normalnych punktach podziału wyrazów. To jest wartość domyślna.
break-word	Wymuś zawinięcie nierozerwalnego słowa w nowej linii, aby zapobiec przepełnieniu, jeśli w linii nie ma akceptowalnych punktów przerwania.

Właściwości transformacji

Właściwość	Opis
backface-visibility	Określa, czy „tylna” strona przekształconego elementu jest widoczna, gdy patrzy się na użytkownika.
visible	Określa, że ​​tylna ściana jest widoczna, umożliwiając wyświetlenie przedniej ściany w odbiciu lustrzanym. To jest wartość domyślna.
hidden	Określa, że ​​tylna powierzchnia nie jest widoczna, ukrywając przednią powierzchnię.
transform	Stosuje transformację 2D lub 3D do elementu.
transform: matrix()	Określa transformację 2D w postaci macierzy transformacji składającej się z sześciu wartości.
transform: rotate()	Obraca element o określony kąt wokół początku elementu, zgodnie z definicją właściwości transform-origin.
transform: rotateX()	Obraca element o zadany kąt wokół osi X.
transform: rotateY()	Obraca element o zadany kąt wokół osi Y.
transform: scale()	Skaluj szerokość i wysokość elementu w górę lub w dół o podaną wartość.
transform: scaleX()	Skaluje element wzdłuż osi X.
transform: scaleY()	Skaluje element wzdłuż osi Y.
transform: skew()	Pochyla element o zadany kąt wzdłuż osi X i Y.
transform: skewX()	Pochyla element o zadany kąt wzdłuż osi X.
transform: skewY()	Pochyla element o zadany kąt wzdłuż osi Y.
transform: translate()	Przesuwa element o zadaną wartość wzdłuż osi X i Y.
transform: translateX()	Przesuwa element o zadaną wartość wzdłuż osi X.
transform: translateY()	Przesuwa element o zadaną wartość wzdłuż osi Y.
transform: none	Określa, że ​​nie należy stosować transformacji.
transform-origin	Definiuje początek transformacji dla elementu.
length	Definiuje odsunięcie przy użyciu wartości długości.
percentage	Definiuje przesunięcie względem szerokości elementu.
left	0%
center	50%
right	100%
top	0%
bottom	100%

Właściwości przejść

Właściwość	Opis
transition	Definiuje przejście między dwoma stanami elementu.
przykład 1
przykład 2
transition-delay	Określa, kiedy rozpocznie się efekt przejścia.
time	Określa liczbę sekund (s) lub milisekund (ms) oczekiwania przed rozpoczęciem przejścia. Wartość domyślna to 0s.
transition-duration	Określa liczbę sekund lub milisekund, jakie powinien zająć efekt przejścia.
time	Określa czas trwania, jaki powinien zająć przejście. Wartość domyślna to 0s.
transition-property	Określa nazwy właściwości CSS, do których należy zastosować efekt przejścia.
właściwość1, właściwość2,...
none	Żadna właściwość nie uzyska efektu przejścia.
all	Każda właściwość obsługująca przejścia ma efekt przejścia stosowany po określeniu nowej wartości właściwości. To jest wartość domyślna.
transition-timing-function	Określa krzywą prędkości efektu przejścia.
linear	Określa, że ​​przejście przechodzi ze stanu początkowego do stanu końcowego ze stałą prędkością.
ease	Podobny do easing-in-out, chociaż na początku przyspiesza gwałtowniej, a przyspieszenie zaczyna zwalniać już w połowie.
ease-in	Określa, że ​​przejście rozpoczyna się powoli, a następnie stopniowo przyspiesza, aż do osiągnięcia stanu końcowego i nagłego zatrzymania przejścia.
ease-out	Określa, że ​​przejście rozpoczyna się szybko, a następnie stopniowo zwalnia, gdy zbliża się do stanu końcowego.
ease-in-out	Określa, że ​​przejście rozpoczyna się powoli, przyspiesza, a następnie zwalnia, gdy zbliża się do stanu końcowego.
cubic-bezier(n,n,n,n)	Definiuje sześcienną krzywą Beziera. Jest również znany jako krzywa prędkości. Możliwe wartości to wartości liczbowe od 0 do 1.

Właściwości formatowania wizualnego

Właściwość	Opis
display	Określa sposób wyświetlania elementu na ekranie.
inline	Element generuje pole na poziomie śródliniowym.
block	Element generuje pudełko na poziomie bloku.
grid	Element generuje pole kontenera siatki na poziomie bloku.
table	Element zachowuje się jak element HTML <table>.
table-caption	Element zachowuje się jak element HTML <caption>.
table-column-group	Element zachowuje się jak elementy HTML <colgroup>.
table-header-group	Element zachowuje się jak elementy HTML <thead>.
table-footer-group	Element zachowuje się jak elementy HTML <tfoot>.
table-row-group	Element zachowuje się jak elementy HTML <tbody>.
table-cell	Element zachowuje się jak elementy HTML <td>.
table-column	Element zachowuje się jak elementy HTML <col>.
table-row	Element zachowuje się jak elementy <tr> HTML.
none	Wyłącz wyświetlanie elementu. Wszystkie elementy podrzędne mają również wyłączone wyświetlanie.
position	Określa sposób umieszczenia elementu.
static	Pudełko elementu jest zwykłym pudełkiem.
relative	Element jest ustawiony względem swojej normalnej pozycji.
absolute	Element jest pozycjonowany względem pierwszego elementu nadrzędnego, którego wartość pozycji jest inna niż statyczna.
fixed	Element jest nieruchomy względem rzutni ekranu i nie porusza się podczas przewijania.
sticky	Element jest ustawiony podobnie do pudełka ustawionego względnie i „przykleja się” do swojego najbliższego przodka, który ma mechanizm przewijania.
top	Określ położenie górnej krawędzi pozycjonowanego elementu.
right	Określ położenie prawej krawędzi pozycjonowanego elementu.
bottom	Określ położenie dolnej krawędzi pozycjonowanego elementu.
left	Określ położenie lewej krawędzi pozycjonowanego elementu.
float	Oblewanie obrazu tekstem.
left	Wyrównanie obrazu do lewego marginesu, tekst znajduje się po prawej stronie obrazu.
right	Wyrównanie obrazu do prawego marginesu, tekst znajduje się po lewej stronie.
none	Brak oblewania.
clear	Rezygnowanie z oblewania obrazu tekstem.
left	Jeśli obraz, którego oblewanie tekstem chcesz anulować, został wyrównany do marginesu za pomocą atrybutu stylu float: left.
right	Jeśli obraz, którego oblewanie tekstem chcesz anulować, został wyrównany do marginesu za pomocą atrybutu stylu float: right.
both	Jeżeli chcesz bezwarunkowo przenieść element poniżej obrazu, niezależnie od tego, w jaki sposób obraz ten jest oblewany tekstem.
z-index	Określa kolejność układania warstw lub układania elementów pozycjonowanych.
overflow	Określa traktowanie zawartości, która przepełnia pole elementu.
scroll	Przepełniona zawartość jest przycinana, podobnie jak ukryta, ale zapewnia mechanizm przewijania umożliwiający dostęp do przepełnionej zawartości.
auto	Jeśli zawartość przepełni pole elementu, zapewnia paski przewijania, aby zobaczyć resztę zawartości.
visible	Treść nie jest przycięta; zostanie wyrenderowana poza polem elementu, a zatem może nakładać się na inną zawartość. To jest wartość domyślna.
hidden	Treść, która wykracza poza ramkę elementu, jest przycinana, a reszta treści będzie niewidoczna.
overflow-x	Określa sposób zarządzania zawartością, gdy przekracza ona szerokość obszaru zawartości elementu.
scroll	Przepełniona zawartość jest przycinana, podobnie jak ukryta, ale zapewnia mechanizm przewijania umożliwiający dostęp do przepełnionej zawartości.
auto	Jeśli zawartość przepełni pole elementu, zapewnia paski przewijania, aby zobaczyć resztę zawartości.
visible	Treść nie jest przycięta; zostanie wyrenderowany poza polem elementu, a zatem może nakładać się na inną zawartość. To jest wartość domyślna.
hidden	Treść, która wykracza poza ramkę elementu, jest przycinana, a reszta treści będzie niewidoczna.
overflow-y	Określa sposób zarządzania zawartością, gdy przekracza ona wysokość obszaru zawartości elementu.
scroll	Przepełniona zawartość jest przycinana, podobnie jak ukryta, ale zapewnia mechanizm przewijania umożliwiający dostęp do przepełnionej zawartości.
auto	Jeśli zawartość przepełni pole elementu, zapewnia paski przewijania, aby zobaczyć resztę zawartości.
visible	Treść nie jest przycięta; zostanie wyrenderowany poza polem elementu, a zatem może nakładać się na inną zawartość. To jest wartość domyślna.
hidden	Treść, która wykracza poza ramkę elementu, jest przycinana, a reszta treści będzie niewidoczna.
resize	Określa, czy użytkownik może zmieniać rozmiar elementu.
both	Element wyświetla dwukierunkowy mechanizm zmiany rozmiaru, aby umożliwić użytkownikowi dostosowanie zarówno wysokości, jak i szerokości elementu.
horizontal	Element wyświetla jednokierunkowy mechanizm zmiany rozmiaru w poziomie, aby umożliwić użytkownikowi dostosowanie tylko szerokości elementu.
vertical	Element wyświetla jednokierunkowy mechanizm zmiany rozmiaru w pionie, aby umożliwić użytkownikowi dostosowanie tylko wysokości elementu.
none	Użytkownik nie może zmienić rozmiaru elementu. To jest wartość domyślna.
clip	Definiuje region przycinania.
shape	Przycina element. Jedyną prawidłową wartością kształtu jest: rect(top, right, bottom, left). top i bottom określają odsunięcia od górnej krawędzi ramki right i left określają odsunięcia od lewej krawędzi ramki.
auto	Element nie jest przycięty. To jest wartość domyślna.
visibility	Określa, czy element jest widoczny.
visible	Pudełko i jego zawartość są widoczne. To jest domyślne.
hidden	Pudełko i jego zawartość są niewidoczne, ale nadal wpływają na układ strony.
collapse	Tylko dla niektórych wewnętrznych obiektów tabeli: wierszy, grup wierszy, kolumn i grup kolumn. Usuwa obiekty, ale nie wpływa w żaden inny sposób na układ tabeli. Miejsce zajmowane przez obiekt stołowy zostanie wypełnione przez kolejne rodzeństwo. Jeśli dla innego elementu określono zwinięcie, spowoduje to takie samo zachowanie jak hidden.
cursor	Określ typ kursora.
box-shadow	Stosuje jeden lub więcej cieni do ramki elementu.
box-sizing	Zmień domyślny model pudełka CSS.
border-box	Określone właściwości width i height obejmują dopełnienie i obramowanie, ale nie margines.
padding-box	Określone właściwości width i height obejmują rozmiar wypełnienia i nie obejmują obramowania ani marginesu.
border-box	Określone właściwości width i height obejmują dopełnienie i obramowanie, ale nie margines.