Podręcznik referencyjny CSS

Atrybuty CSS

A

accent-color Określa podkreśloną barwę interfejsu użytkownika.
align-content Określa sposób w jaki wiersze w kontenerze elastycznym są wyrównywane, gdy elementy nie używają wszystkich dostępnych przestrzeni.
align-items Określa sposób w jaki elementy w kontenerze elastycznym są wyrównywane.
align-self Określa sposób w jaki wybrane elementy w kontenerze elastycznym są wyrównywane.
all Resetuje wszystkie atrybuty (z wyjątkiem unicode-bidi i direction).
animation Skrócona wersja wszystkich atrybutów animation-*.
animation-delay Określa opóźnienie rozpoczęcia animacji.
animation-direction Określa, czy animacja jest odtwarzana do przodu, do tyłu, czy w cyklu.
animation-duration Określa czas, który powinien upłynąć, aby animacja zakończyła jeden cykl.
animation-fill-mode Określa styl elementu, gdy animacja nie jest odtwarzana (przed rozpoczęciem, po zakończeniu, lub oba).
animation-iteration-count Określa liczbę odtworzeń animacji.
animation-name Określa nazwę animacji @keyframes.
animation-play-state Określa, czy animacja jest odtwarzana, zatrzymana.
animation-timing-function Określa krzywą prędkości animacji.
aspect-ratio Określa preferowany współczynnik proporcji elementu.

B

backdrop-filter Definiuje graficzny efekt obszaru tła elementu.
backface-visibility Definiuje, czy tył elementu powinien być widoczny, gdy jest twarzą do użytkownika.
background Skrócona wersja wszystkich atrybutów background-*.
background-attachment Ustawia, czy obraz tła będzie przewijał się razem z resztą strony, czy będzie stały.
background-blend-mode Określa tryb mieszania każdego warstwy tła (kolor/obraz).
background-clip Definiuje odległość, na którą (kolor lub obraz) tło powinno się rozciągać wewnątrz elementu.
background-color Określa kolor tła elementu.
background-image Określa jedno lub więcej obrazów tła elementu.
background-origin Określa początkową pozycję tła obrazu.
background-position określenie pozycji obrazu tła.
background-position-x określenie pozycji obrazu tła na osi x.
pr_background-position-y określenie pozycji obrazu tła na osi y.
background-repeat ustawienie, czy oraz w jaki sposób powtarzać obraz tła.
background-size określenie wymiarów obrazu tła.
block-size określenie rozmiaru elementu w kierunku blokowym.
border skrócona właściwość border-width, border-style oraz border-color.
border-block

Poniżej znajdują się skróty dla następujących atrybutów:
border-block-color ustawienie koloru krawędzi zaczynających i kończących blok.
border-block-end

Poniżej znajdują się skróty dla następujących atrybutów:
border-block-end-color ustawienie koloru krawędzi kończącej blok.
border-block-end-style ustawienie stylu krawędzi kończącej blok.
border-block-end-width ustawienie szerokości krawędzi kończącej blok.
border-block-start

Poniżej znajdują się skróty dla następujących atrybutów:
border-block-start-color ustawienie koloru krawędzi zaczynającej blok.
border-block-start-style ustawienie stylu krawędzi zaczynającej blok.
border-block-start-width ustawienie szerokości krawędzi zaczynającej blok.
border-block-style ustawienie stylu krawędzi zaczynających i kończących blok.
border-block-width ustawienie szerokości krawędzi zaczynających i kończących blok.
border-bottom skrócona właściwość border-bottom-width, border-bottom-style oraz border-bottom-color.
border-bottom-color ustawienie koloru dolnej krawędzi.
border-bottom-left-radius definicja zaokrąglenia krawędzi w lewym dolnym rogu.
border-bottom-right-radius definicja zaokrąglenia krawędzi w prawym dolnym rogu.
border-bottom-style ustawienie stylu dolnej krawędzi.
border-bottom-width ustawienie szerokości dolnej krawędzi.
border-collapse ustawienie krawędzi tabeli, czy ma być złożona w jedną krawędź czy rozdzielona.
border-color Ustawienie koloru dla czterech krawędzi.
border-end-end-radius Ustawienie promienia zaokrąglenia kąta między końcem bloku a końcem wewnętrznego kierunku.
border-end-start-radius Ustawienie promienia zaokrąglenia kąta między końcem bloku a początkiem wewnętrznego kierunku.
border-image Skrócona właściwość dla właściwości border-image-*.
border-image-outset Określenie ilości, o którą obraz krawędzi powinien być wyjścia poza krawędź.
border-image-repeat Określenie, czy obraz krawędzi powinien być powtarzany, zaokrąglony, czy rozciągnięty.
border-image-slice Określenie, jak obraz krawędzi powinien być cięty.
border-image-source Określenie ścieżki do obrazu używanego jako krawędzi.
border-image-width Określenie szerokości obrazu krawędzi.
border-inline

Poniżej znajdują się skróty dla następujących atrybutów:
border-inline-color Ustawienie koloru paska na początku i końcu wewnętrznego kierunku.
border-inline-end

Poniżej znajdują się skróty dla następujących atrybutów:
border-inline-end-color Ustawienie koloru paska na końcu wewnętrznego kierunku.
border-inline-end-style Ustawienie stylu paska na końcu wewnętrznego kierunku.
border-inline-end-width Ustawienie szerokości paska na końcu wewnętrznego kierunku.
border-inline-start

Poniżej znajdują się skróty dla następujących atrybutów:
border-inline-start-color Ustawienie koloru paska na początku wewnętrznego kierunku.
border-inline-start-style Ustawienie stylu paska na początku wewnętrznego kierunku.
border-inline-start-width Ustawienie szerokości paska na początku wewnętrznego kierunku.
border-inline-style Ustawienie stylu paska na początku i końcu wewnętrznego kierunku.
border-inline-width Ustawienie szerokości paska na początku i końcu wewnętrznego kierunku.
border-left Skrócona właściwość dla wszystkich właściwości border-left-*.
border-left-color Ustawienie koloru lewego paska.
border-left-style Ustawienie stylu lewego paska.
border-left-width Ustawienie szerokości lewego paska.
border-radius Skrócona właściwość dla czterech właściwości border-*-radius.
border-right Skrócona właściwość dla wszystkich właściwości border-right-*.
border-right-color Ustawia kolor prawej ramki.
border-right-style Ustawia styl prawej ramki.
border-right-width Ustawia szerokość prawej ramki.
border-spacing Ustawia odległość między sąsiednimi krawędziami ramki komórek.
border-start-end-radius Ustawia promień kąta między początkiem bloku a końcem wewnętrznego elementu.
border-start-start-radius Ustawia promień kąta między początkiem bloku a początkiem wewnętrznego elementu.
border-style Ustawia styl czterech krawędzi ramki.
border-top Skrócona właściwość border-top-width, border-top-style oraz border-top-color.
border-top-color Ustawia kolor górnej ramki.
border-top-left-radius Definiuje zaokrąglenie lewego górnego rogu ramki.
border-top-right-radius Definiuje zaokrąglenie prawego górnego rogu ramki.
border-top-style Ustawia styl górnej ramki.
border-top-width Ustawia szerokość górnej ramki.
border-width Ustawia szerokość czterech krawędzi ramki.
bottom Ustawia pozycję elementu względem dolnej krawędzi jego rodzica.
box-decoration-break Ustawia zachowanie tła i ramki elementu przy paginacji, lub dla elementów wewnętrznych przy przejściu do nowej linii.
box-reflect Używane do tworzenia efektu odbicia elementu.
box-shadow Dodaje jeden lub więcej cieni do elementu.
box-sizing Definiuje sposób obliczania szerokości i wysokości elementu: czy powinny one zawierać wewnętrzne marginesy i ramki.
break-after Określa, czy po określonym elemencie powinien pojawić się page-, column- lub region-break.
break-before Określa, czy przed określonym elementem powinien pojawić się page-, column- lub region-break.
break-inside Określa, czy wewnątrz określonego elementu powinny pojawić się page-, column- lub region-break.

C

caption-side Określa sposób umieszczania tytułów tabeli.
caret-color Określa kolor kursora w input, textarea lub w dowolnym edytowalnym elemencie.
@charset Określa kodowanie znaków używane w stylach.
clear Określa, z哪一侧不允许在元素上浮动元素
clip Przycina elementy z absolutnym pozycjonowaniem.
clip-path Przycina element do podstawowej formy lub źródła SVG.
color Ustawia kolor tekstu.
color-scheme Indykuje, który zestaw kolorów systemu operacyjnego powinien być używany do renderowania elementu.
column-count Określa liczbę kolumn, do której element powinien być podzielony.
column-fill Określa sposób wypełniania kolumn (czy balanced).
column-gap Określa rozmiar między kolumnami.
column-rule Skrócona właściwość dla wszystkich właściwości column-rule-*.
column-rule-color Określa kolor ramki między kolumnami.
column-rule-style Określa styl ramki między kolumnami.
column-rule-width Określa szerokość między kolumnami.
column-span Określa, ile kolumn element powinien przeciągnąć.
column-width Określa szerokość kolumn.
columns Skrócona właściwość dla column-width i column-count.
@container Definiuje styl elementów wewnątrz kontenera na podstawie jego rozmiaru lub stylu.
content Używane z pseudo-elementami :before i :after, aby wstawić generowany zawartość.
counter-increment Zwiększa lub zmniejsza wartość jednego lub więcej liczników CSS.
counter-reset Tworzy lub resetuje jednego lub więcej liczników CSS.
counter-set Tworzy lub ustawia jednego lub więcej liczników CSS.
@counter-style Pozwala zdefiniować własny styl licznika.
cursor Określa kursor, który ma być wyświetlany, gdy wskaźnik jest nad elementem.

D

direction Określa kierunek tekstu/writing mode.
display Określa sposób wyświetlania danego elementu HTML.

E

empty-cells Określa, czy ramka i tło powinny być wyświetlane na pustych komórkach tabeli.

F

filter Definiuje efekt wyświetlania elementu przed jego wyświetleniem (np. rozmycie lub przesunięcie koloru).
flex Skrócona właściwość dla flex-grow, flex-shrink oraz flex-basis.
flex-basis Określa początkową długość elementów elastycznych.
flex-direction Określa kierunek elementów elastycznych.
flex-flow Skrócona właściwość dla flex-direction i flex-wrap.
flex-grow Zwiększenie ilości projektów w stosunku do pozostałych.
flex-shrink Redukcja ilości projektów w stosunku do pozostałych.
flex-wrap określenie, czy elementy elastyczne powinny być rozciągane na nowe wiersze.
float określenie, czy element powinien być płynnie przepływający (float).
font skrócona właściwość font-style, font-variant, font-weight, font-size/line-height oraz font-family.
@font-face określenie zasad pozwalających na pobieranie i używanie innych czcionek niż "web-safe".
font-family określenie rodziny czcionki (serii czcionek) tekstu.
font-feature-settings pozwalanie na kontrolowanie zaawansowanych cech drukarskich czcionek OpenType.
@font-feature-values pozwalanie twórcom na użycie ogólnych nazw w font-variant-alternate do aktywowania cech w OpenType w różnych sposób.
font-kerning kontrolowanie użycia informacji o odległości między literami (letter spacing).
font-language-override kontrolowanie użycia form czcionki dla konkretnego języka w czcionce.
@font-palette-values pozwalanie na personalizację domyślnych wartości palety czcionek.
font-size określenie rozmiaru czcionki tekstu.
font-size-adjust utrzymanie czytelności w przypadku awaryjnego przejścia do innej czcionki.
font-stretch wybór normalnej, kompresowanej lub rozszerzonej czcionki z rodziny czcionek.
font-style określenie stylu czcionki tekstu.
font-synthesis kontrolowanie, które brakujące czcionki (grube lub pociągłe) mogą być syntetyzowane przez przeglądarkę.
font-variant określenie, czy tekst powinien być wyświetlany małymi wielkimi literami.
font-variant-alternates kontrolowanie użycia alternatywnych form czcionki związanych z alternatywnymi nazwami zdefiniowanymi w @font-feature-values.
font-variant-caps kontrolowanie użycia alternatywnych form czcionki dla wielkich liter.
font-variant-east-asian kontrolowanie użycia alternatywnych form czcionki dla azjatyckich znaków (np. chińskich i japońskich).
font-variant-ligatures kontrolowanie, które ligatury i formy kontekstowe są używane w tekście elementu.
font-variant-numeric kontrolowanie użycia alternatywnych form czcionki dla cyfr, liczb ułamkowych i oznaczeń kolejności.
font-variant-position kontrolowanie użycia alternatywnych form czcionki dla małych czcionek, które są umieszczane na wyższym lub niższym poziomie od linii bazowej.
font-weight Określa grubość czcionki.

G

grid Skrócona wersja atrybutów grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns oraz grid-auto-flow.
grid-area Można określić nazwę elementu siatki, jak również skrócone wersje atrybutów grid-row-start, grid-column-start, grid-row-end oraz grid-column-end.
grid-auto-columns Określa domyślny rozmiar kolumn.
grid-auto-flow Określa sposób wstawiania automatycznie umieszczanych elementów w siatce.
grid-auto-rows Określa domyślny rozmiar wierszy.
grid-column Skrócona wersja atrybutów grid-column-start oraz grid-column-end.
grid-column-end Określa sposób zakończenia elementu siatki.
grid-column-gap Określa rozmiar przerwy między wierszami.
grid-column-start Określa, od którego miejsca zaczyna się element siatki.
grid-gap Skrócona wersja atrybutów grid-row-gap oraz grid-column-gap.
grid-row Skrócona wersja atrybutów grid-row-start oraz grid-row-end.
grid-row-end Określa, gdzie kończy się element siatki.
grid-row-gap Określa rozmiar przerwy między wierszami.
grid-row-start Określa, od którego miejsca zaczyna się element siatki.
grid-template Skrócona wersja atrybutów grid-template-rows, grid-template-columns oraz grid-areas.
grid-template-areas Określa sposób wyświetlania kolumn i wierszy za pomocą nazwanych elementów siatki.
grid-template-columns Określa rozmiar kolumn oraz liczbę kolumn w układzie siatki.
grid-template-rows Określa rozmiar wierszy w układzie siatki.

H

hanging-punctuation Określa, czy można umieszczać znaki interpunkcyjne poza obwodem wiersza.
height Ustawiany wysokość elementu.
hyphens Ustawiany sposób dzielenia słów, aby poprawić układ akapitu.
hyphenate-character Ustawiany przed wcięciem znak używany do łamania słów.

I

image-rendering określa typ algorytmu używanego do skalowania obrazu.
@import pozwalają na zaimportowanie arkusza stylów do innego arkusza stylów.
initial-letter określa rozmiar pierwszej litery oraz opcjonalnie liczbę wierszy, o które ma się zanurzyć.
inline-size określa rozmiar elementu w kierunku wewnętrznym.
inset określa odległość elementu od elementu nadrzędnego.
inset-block określa odległość elementu od elementu nadrzędnego w kierunku blokowym.
inset-block-end określa odległość elementu od elementu nadrzędnego w kierunku blokowym od końca.
inset-block-start określa odległość elementu od elementu nadrzędnego w kierunku blokowym od początku.
inset-inline określa odległość elementu od elementu nadrzędnego w kierunku wewnętrznym.
inset-inline-end określa odległość elementu od elementu nadrzędnego w kierunku wewnętrznym od końca.
inset-inline-start określa odległość elementu od elementu nadrzędnego w kierunku wewnętrznym.
isolation definiuje, czy element musi tworzyć nowy zawartość warstw.

J

justify-content określa sposób wyrównania elementów w kontenerze elastycznym, gdy elementy nie używają wszystkich dostępnych przestrzeni.
justify-items określa sposób wyrównania elementu w kierunku wewnętrznym w kontenerze siatki. Ustawia się na kontenerze.
justify-self określa sposób wyrównania elementu w kierunku wewnętrznym w komórce siatki. Ustawia się na elemencie.

K

@keyframes określa kod animacji.

L

@layer kontroluje kolejność oceny stylów w warstwie CSS.
left Określ lewą pozycję elementu w lokalizacji.
letter-spacing zwiększa lub zmniejsza odstęp między znakami w tekście.
line-break czy jak i kiedy przewijać wiersz.
line-height ustawia wysokość wiersza.
list-style ustawia wszystkie atrybuty listy w jednym deklaracji.
list-style-image ustawia obraz jako znacznik listy.
list-style-position określa pozycję znacznika listy.
list-style-type określa typ znacznika listy.

M

margin ustawia wszystkie atrybuty zewnętrznych marginesów w jednym deklaracji.
margin-block określa zewnętrzny margines w kierunku blokowym.
margin-block-end określa zewnętrzny margines w kierunku blokowym od końca.
margin-block-start określa zewnętrzny margines w kierunku blokowym od początku.
margin-bottom ustawia dolny zewnętrzny margines elementu.
margin-inline określa zewnętrzny margines w kierunku wewnętrznym.
margin-inline-end Określ margines zewnętrzny na końcu kierunku wewnętrznego.
margin-inline-start Określ margines zewnętrzny na początku kierunku wewnętrznego.
margin-left Ustaw lewy margines zewnętrzny elementu.
margin-right Ustaw prawy margines zewnętrzny elementu.
margin-top Ustaw górny margines zewnętrzny elementu.
marker Wskazuje na znacznik, który zostanie narysowany na wszystkich wierzchołkach ścieżki elementu (pierwszym, środkowych i ostatnim).
marker-end Wskazuje na znacznik, który zostanie narysowany na ostatnim wierzchołku ścieżki elementu.
marker-mid Wskazuje na znacznik, który zostanie narysowany na wszystkich środkowych wierzchołkach ścieżki elementu.
marker-start Wskazuje na znacznik, który zostanie narysowany na pierwszym wierzchołku ścieżki elementu.
mask

Poniżej znajdują się skróty dla następujących atrybutów:
mask-clip Określ obszar wpływu obrazu maski.
mask-composite Określ operację kompozycji używaną na bieżącej masce i masce znajdującej się pod nią.
mask-image Określ obraz używany jako maska elementu.
mask-mode Określ, czy obraz maski jest traktowany jako maska jasności, czy jako maska alpha.
mask-origin Określ oryginalną pozycję obrazu maski (w stosunku do obszaru pozycji maski).
mask-position Ustaw pozycję początkową obrazu maski (w stosunku do obszaru pozycji maski).
mask-repeat Określ sposób powtarzania obrazu maski.
mask-size Określ rozmiar obrazu maski.
mask-type Określ SVG Zdefiniuj, czy element jest traktowany jako maska jasności, czy jako maska alpha.
max-height Ustaw maksymalną wysokość elementu.
max-width Ustaw maksymalną szerokość elementu.
@media Ustaw reguły stylu dla różnych typów mediów, urządzeń i rozmiarów.
max-block-size Ustaw maksymalny rozmiar elementu w kierunku zewnętrznym.
max-inline-size Ustaw maksymalny rozmiar elementu w kierunku wewnętrznym.
min-block-size Ustaw minimalny rozmiar elementu w kierunku zewnętrznym.
min-inline-size Ustaw minimalny rozmiar elementu w kierunku wewnętrznym.
min-height Ustaw minimalną wysokość elementu.
min-width Ustaw minimalną szerokość elementu.
mix-blend-mode Zdefiniuj, jak zawartość elementu powinna się mieszać z tłem bezpośredniego rodzica.

N

@namespace Zdefiniuj przestrzeń nazw XML używaną w arkuszu stylów.

O

object-fit Zdefiniuj, jak zawartość elementu powinna pasować do wysokości i szerokości okna, które go zawierają.
object-position Określa sposób wyrównania elementu zastępczego w jego ramce.
offset

Poniżej znajdują się skróty dla następujących atrybutów:
offset-anchor Określa punkt na ścieżce, który jest trwale związany z elementem.
offset-distance Określa pozycję elementu na ścieżce animacji.
offset-path Określa ścieżkę animacji elementu.
offset-position Określa początkową pozycję elementu wzdłuż ścieżki.
offset-rotate Określa obrót elementu podczas animacji po ścieżce.
opacity Ustawia poziom przezroczystości elementu.
order Ustawia kolejność elastycznych elementów względem pozostałych elementów.
orphans Ustawia minimalną liczbę wierszy, które muszą pozostać na dole strony lub kolumny.
orphans Ustawia minimalną liczbę wierszy, które muszą pozostać na dole strony podczas podziału strony.
outline Skrócone atrybuty dla atrybutów outline-width, outline-style oraz outline-color.
outline-color Ustawia kolor konturu.
outline-offset Przesuwa kontur i rysuje go poza krawędzią ramki.
outline-style Ustawia styl konturu.
outline-width Ustawia szerokość konturu.
overflow Określa, co się stanie, jeśli zawartość wykracza poza ramkę elementu.
overflow-anchor Określa, czy w momencie wczytywania nowej zawartości w kontenerze przewijającym, zawartość widoczna powinna być pchana w dół.
overflow-wrap Określa, czy przecinanie słów jest dozwolone, gdy długie słowa wykraczają poza kontener.
overflow-wrap Określa, czy przecinanie słów jest dozwolone, aby zapobiec wypukłości (gdy ciąg znaków jest zbyt długi, aby dopasować go do jego kontenera).
overflow-x Określa, czy zawartość jest przycinana od lewej i od prawej, jeśli wykracza poza obszar zawartości elementu.
overflow-y Określa, czy zawartość jest przycinana od góry i od dołu, jeśli wykracza poza obszar zawartości elementu.
overscroll-behavior Określa, czy element ma pływające lub nadmiernie przewijające się efekty w kierunkach x i y.
overscroll-behavior-block Określa, czy element ma pływające lub nadmiernie przewijające się efekty w kierunku blokowym.
overscroll-behavior-inline Określa, czy element ma pływające lub nadmiernie przewijające się efekty w kierunku wewnętrznym.
overscroll-behavior-x Określa, czy element ma pływające lub nadmiernie przewijające się efekty w kierunku x.
overscroll-behavior-y Określa, czy element ma pływające lub nadmiernie przewijające się efekty w kierunku y.

P

padding Skrócone atrybuty dla wszystkich atrybutów padding-*.
padding-block Określ wewnętrzny margines w kierunku blokowym.
padding-block-end Określ wewnętrzny margines na końcu kierunku blokowego.
padding-block-start Określ wewnętrzny margines na początku kierunku blokowego.
padding-bottom Ustaw dolny wewnętrzny margines elementu.
padding-inline Określ wewnętrzny margines w kierunku wewnętrznym.
padding-inline-end Określ wewnętrzny margines na końcu kierunku wewnętrznego.
padding-inline-start Określ wewnętrzny margines na początku kierunku wewnętrznego.
padding-left Ustaw lewy wewnętrzny margines elementu.
padding-right Ustaw prawy wewnętrzny margines elementu.
padding-top Ustaw górny wewnętrzny margines elementu.
@page Dostosuj rozmiar, kierunek i marginesy strony do druku.
page-break-after Ustaw zachowanie podziałki strony (page-break) po elementie.
page-break-before Ustaw zachowanie podziałki strony (page-break) przed elementem.
page-break-inside Ustaw zachowanie podziałki strony (page-break) wewnątrz elementu.
paint-order Ustaw kolejność rysowania elementów SVG lub tekstu.
perspective Zapewnij perspektywę dla elementów umieszczonych w 3D.
perspective-origin Zdefiniuj pozycję, z której użytkownik może obserwować element umieszczony w 3D.
place-content Określ wartości atrybutów align-content i justify-content w układzie flex i siatki.
place-items Określ wartości atrybutów align-items i justify-items w układzie siatki.
place-self Określ wartości atrybutów align-self i justify-self w układzie siatki.
pointer-events Zdefiniuj, czy element reaguje na zdarzenia wskaźnika.
position Określ typ metody lokalizacji elementu (statyczny, względny, absolutny lub stały).
@property Definiuj niestandardowe atrybuty CSS bez uruchamiania jakiegokolwiek JavaScript.

Q

quotes Ustaw typ cudzych znaków.

R

resize Zdefiniuj, czy użytkownik może oraz w jaki sposób zmieniać rozmiar elementu.
right Określ lewą pozycję elementu w lokalizacji.
rotate Określ obrót elementu.
row-gap Określ rozmiar pustki między rzędami siatki.

S

skala określa rozmiar elementu za pomocą powiększania lub zmniejszania.
@scope pozwalają na wybór określonych elementów w poddrzewie DOM i dokładne ich umieszczenie bez potrzeby tworzenia zbyt specyficznych selektorów.
scroll-behavior określa, czy pudełko przewijalne powinno płynnie przewijać się, zamiast przeskakiwać.
scroll-margin odległość od przyległości do kontenera.
scroll-margin-block odległość od przyległości w kierunku blokowym do kontenera.
scroll-margin-block-end odległość od końca przyległości w kierunku blokowym do kontenera.
scroll-margin-block-start odległość od początku przyległości w kierunku blokowym do kontenera.
scroll-margin-bottom odległość od dna przyległości do kontenera.
scroll-margin-inline odległość od przyległości w kierunku wewnętrznym do kontenera.
scroll-margin-inline-end odległość od końca przyległości w kierunku wewnętrznym do kontenera.
scroll-margin-inline-start odległość od początku przyległości w kierunku wewnętrznym do kontenera.
scroll-margin-left odległość od lewej przyległości do kontenera.
scroll-margin-right odległość od prawej przyległości do kontenera.
scroll-margin-top odległość od górnej przyległości do kontenera.
scroll-padding odległość od kontenera do miejsca przylegania elementu potomnego.
scroll-padding-block odległość od kontenera do miejsca przylegania elementu potomnego w kierunku blokowym.
scroll-padding-block-end odległość od końca kontenera w kierunku blokowym do miejsca przylegania elementu potomnego.
scroll-padding-block-start odległość od początku kontenera w kierunku blokowym do miejsca przylegania elementu potomnego.
scroll-padding-bottom odległość od dna kontenera do miejsca przylegania elementu potomnego.
scroll-padding-inline odległość od kontenera do miejsca przylegania elementu potomnego w kierunku wewnętrznym.
scroll-padding-inline-end odległość od prawej krawędzi kontenera do miejsca przylegania elementu potomnego w kierunku wewnętrznym.
scroll-padding-inline-start odległość od lewej krawędzi kontenera do miejsca przylegania elementu potomnego w kierunku wewnętrznym.
scroll-padding-left Określa odległość od lewej strony kontenera do miejsca przyciągania podelementu.
scroll-padding-right Określa odległość od prawej strony kontenera do miejsca przyciągania podelementu.
scroll-padding-top Określa odległość od góry kontenera do miejsca przyciągania podelementu.
scroll-snap-align Określa pozycję elementu, gdy użytkownik zatrzymuje przewijanie.
scroll-snap-stop Określa zachowanie przewijania po szybkim przeciągnięciu na panelu dotykowym lub ekranie dotykowym.
scroll-snap-type Określa zachowanie przyciągania podczas przewijania.
scrollbar-color Określa kolor paska przewijania elementu.
shape-outside Definiuje kształt otaczania treści wewnętrznej.
@starting-style Definiuje początkowy styl elementu przed pierwszą aktualizacją stylu.
@supports Używane do testowania, czy przeglądarka obsługuje pewne cechy CSS.

T

tab-size Określa szerokość tabulatora.
table-layout Definiuje algorytm używany do układania komórek, wierszy i kolumn.
text-align Określa sposób poziomego wyrównania tekstu.
text-align-last Opisuje, jak wyrównać ostatnią linię bloku lub wiersza przed wymuszoną linią przestankową, gdy text-align wynosi "justify".
text-combine-upright Z组合多个字符到单个字符的空间中。
text-decoration Określa dekorację tekstu.
text-decoration-color Określa kolor dekoracji tekstu (text-decoration).
text-decoration-line Określa typ linii dekoracji tekstu (text-decoration).
text-decoration-style Określa styl linii dekoracji tekstu (text-decoration).
text-decoration-thickness Określa grubość dekoracji linii.
text-emphasis

Poniżej znajdują się skróty dla następujących atrybutów:
text-emphasis-color Określa kolor znacznika akcentu.
text-emphasis-position Określa pozycję znacznika akcentu.
text-emphasis-style Określa styl znacznika akcentu.
text-indent Określa wcięcie pierwszej linii bloku tekstu (text-block).
text-justify Określa metodę wyrównania używaną, gdy text-align wynosi "justify".
text-orientation 定义一行中字符的方向。
text-overflow 规定当文本溢出包含元素时应该发生的情况。
text-shadow 添加文本阴影。
text-transform 控制文本的大写。
text-underline-offset 指定下划线文本装饰的偏移距离。
text-underline-position 指定下划线文本装饰的位置。
top 规定定位元素的顶端位置。
transform 向元素应用 2D 或 3D 转换。
transform-origin 允许您更改转换元素的位置。
transform-style 规定如何在 3D 空间中渲染嵌套的元素。
transition 所有 transition-* 属性的简写属性。
transition-delay 规定合适开始过渡效果。
transition-duration 规定完成过渡效果所需的秒或毫秒数。
transition-property 规定过渡效果对应的 CSS 属性的名称。
transition-timing-function 规定过渡效果的速度曲线。
translate 指定元素的位置。

U

unicode-bidi 与 direction 属性一起使用，设置或返回是否应覆写文本来支持同一文档中的多种语言。
user-select 规定是否能选取元素的文本。

V

vertical-align 设置元素的垂直对齐方式。
visibility 规定元素是否可见。

W

white-space 规定如何处理元素内的空白字符。
widows 设置页面或列顶部必须保留的最小行数。
widows 设置如果元素内发生分页，必须在页面顶部保留的最小行数。
width 设置元素的宽度。
word-break 规定单词到达行末后如何换行。
word-spacing 增加或减少文本中的单词间距。
word-wrap 允许长的、不能折行的单词换到下一行。
writing-mode 规定文本行是水平还是垂直布局。

Z

z-index 设置定位元素的堆叠顺序。
zoom 指定元素的缩放因子。元素可以放大和缩小。