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 (oprócz unicode-bidi i direction).
animation Skrócona wersja wszystkich atrybutów animation-*.
animation-delay Określa opóźnienie zaczę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 jednocześnie).
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 czy wstrzymana.
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 przesuwał 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 Ustawianie, czy oraz w jaki sposób powtarzać obraz tła.
background-size Określenie rozmiaru obrazu tła.
block-size Określenie rozmiaru elementu w kierunku bloku.
border Skrócona nazwa atrybutów border-width, border-style oraz border-color.
border-block

Poniżej znajdują się skróty dla następujących właściwości:
border-block-color Ustawianie koloru krawędzi zaczynającej i kończącej w kierunku bloku.
border-block-end

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

Poniżej znajdują się skróty dla następujących właściwości:
border-block-start-color Ustawianie koloru krawędzi zaczynającej w kierunku bloku.
border-block-start-style Ustawianie stylu krawędzi zaczynającej w kierunku bloku.
border-block-start-width Ustawianie szerokości krawędzi zaczynającej w kierunku bloku.
border-block-style Ustawianie stylu krawędzi zaczynającej i kończącej w kierunku bloku.
border-block-width Ustawianie szerokości krawędzi zaczynającej i kończącej w kierunku bloku.
border-bottom Skrócona nazwa atrybutów border-bottom-width, border-bottom-style oraz border-bottom-color.
border-bottom-color Ustawianie koloru dolnej krawędzi.
border-bottom-left-radius Definiowanie zaokrąglenia dolnego lewego rogu krawędzi.
border-bottom-right-radius Definiowanie zaokrąglenia dolnego prawego rogu krawędzi.
border-bottom-style Ustawianie stylu dolnej krawędzi.
border-bottom-width Ustawianie szerokości dolnej krawędzi.
border-collapse Ustawianie, czy krawędź tabeli ma być złożona w jedną krawędź czy rozdzielona.
border-color Ustawienie koloru czterech krawędzi.
border-end-end-radius Ustawienie promienia kąta między końcem bloku a końcem wewnętrznego paska.
border-end-start-radius Ustawienie promienia kąta między końcem bloku a początkiem wewnętrznego paska.
border-image Skrócone nazwy wszystkich właściwości border-image-*.
border-image-outset Określenie ilości, o którą obraz krawędzi wykracza poza krawędź.
border-image-repeat Określenie, czy obraz krawędzi powinien się powtarzać, być zaokrąglony czy rozciągać.
border-image-slice Określenie sposobu wycinania obrazu krawędzi.
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 właściwości:
border-inline-color Ustawienie koloru paska zaczynającego i kończącego w kierunku wewnętrznym.
border-inline-end

Poniżej znajdują się skróty dla następujących właściwości:
border-inline-end-color Ustawienie koloru paska kończącego w kierunku wewnętrznym.
border-inline-end-style Ustawienie stylu paska kończącego w kierunku wewnętrznym.
border-inline-end-width Ustawienie szerokości paska kończącego w kierunku wewnętrznym.
border-inline-start

Poniżej znajdują się skróty dla następujących właściwości:
border-inline-start-color Ustawienie koloru paska zaczynającego w kierunku wewnętrznym.
border-inline-start-style Ustawienie stylu paska zaczynającego w kierunku wewnętrznym.
border-inline-start-width Ustawienie szerokości paska zaczynającego w kierunku wewnętrznym.
border-inline-style Ustawienie stylu paska zaczynającego i kończącego w kierunku wewnętrznym.
border-inline-width Ustawienie szerokości paska zaczynającego i kończącego w kierunku wewnętrznym.
border-left Skrócone nazwy 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ócone nazwy czterech właściwości border-*-radius.
border-right Skrócona nazwa 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 elementem blokowym a elementem wewnętrznym kończącym się.
border-start-start-radius Ustawia promień kąta między elementem blokowym a elementem wewnętrznym zaczynającym się.
border-style Ustawia styl czterech krawędzi ramki.
border-top Skrócona cecha dla 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 rozdziale strony, lub dla elementów wewnętrznych przy przecinku.
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 zawierać wewnętrzne marginesy i ramki.
break-after Określa, czy po określonym elemencie powinien pojawić się break page-, column- lub region-.
break-before Określa, czy przed określonym elementem powinien pojawić się break page-, column- lub region-.
break-inside Określa, czy wewnątrz określonego elementu powinny pojawić się breaky page-, column- lub region-.

C

caption-side Określa sposób umieszczania tytułów tabeli.
caret-color Określa kolor kursora w input, textarea lub jakimkolwiek edytowalnym elemencie.
@charset Określa kod encji znaków używany w arkuszu stylów.
clear Określa, które strony elementu nie mogą zawierać elementów pływających.
clip Przycina elementy z absolutnym pozycjonowaniem.
clip-path 将元素裁剪为基本形状或 SVG 源。
clip-path Redukcja ilości projektu w stosunku do innych projektów.
color Redukcja ilości projektu w stosunku do innych projektów.
color-scheme Redukcja ilości projektu w stosunku do innych projektów.
column-count Redukcja ilości projektu w stosunku do innych projektów.
column-fill Redukcja ilości projektu w stosunku do innych projektów.
column-gap Redukcja ilości projektu w stosunku do innych projektów.
column-rule Redukcja ilości projektu w stosunku do innych projektów.
column-rule-style Redukcja ilości projektu w stosunku do innych projektów.
column-rule-width Redukcja ilości projektu w stosunku do innych projektów.
column-span Redukcja ilości projektu w stosunku do innych projektów.
column-width Redukcja ilości projektu w stosunku do innych projektów.
columns Skrócona właściwość column-width i column-count.
@container Definiuje styl elementów wewnątrz kontenera na podstawie jego rozmiaru lub stylu.
content Używane z pseudoelementami :before i :after, aby wstawić generowany zawartość.
counter-increment Zwiększa lub zmniejsza wartość jednego lub kilku CSS liczników.
counter-reset Tworzy lub resetuje jednego lub kilku CSS liczników.
counter-set Tworzy lub ustawia jednego lub kilku CSS liczników.
@counter-style Pozwala zdefiniować własny styl licznika.
cursor Redukcja ilości projektu w stosunku do innych projektów.

D

direction Redukcja ilości projektu w stosunku do innych projektów.
display Redukcja ilości projektu w stosunku do innych projektów.

E

empty-cells Redukcja ilości projektu w stosunku do innych projektów.

F

filter Definiuje efekt wyświetlania elementu przed jego wyświetleniem (np. rozmycie lub przesunięcie koloru).
flex Skrócona właściwość flex-grow, flex-shrink oraz flex-basis.
flex-basis Redukcja ilości projektu w stosunku do innych projektów.
flex-direction Redukcja ilości projektu w stosunku do innych projektów.
flex-flow Skrócona właściwość flex-direction i flex-wrap.
flex-grow Redukcja ilości projektu w stosunku do innych projektów.
flex-shrink Redukcja ilości projektu w stosunku do innych projektów.
flex-wrap określenie, czy elementy elastyczne powinny być przechodzące do nowej linii.
float określenie, czy pudełko (box) powinno być przypływające.
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życie 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 postaci liter dla konkretnego języka w czcionkach.
@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, ściślejszej lub rozszerzonej czcionki z rodziny czcionek.
font-style określenie stylu czcionki tekstu.
font-synthesis kontrolowanie, które brakujące czcionki (grube lub kursywne) mogą być syntetyzowane przez przeglądarkę.
font-variant określenie, czy tekst powinien być wyświetlany w małych wielkich literach.
font-variant-alternates kontrolowanie użycia alternatywnych postaci liter powiązanych z alternatywnymi nazwami zdefiniowanymi w @font-feature-values.
font-variant-caps kontrolowanie użycia alternatywnych postaci liter dla wielkich liter.
font-variant-east-asian kontrolowanie użycia alternatywnych postaci liter dla azjatyckich pism (np. chińskiego i japońskiego).
font-variant-ligatures kontrolowanie, które ligatury i formy kontekstowe są używane w tekście elementu.
font-variant-numeric kontrolowanie użycia alternatywnych postaci liter dla liczb, ułamków i oznak numeracyjnych.
font-variant-position kontrolowanie użycia alternatywnych postaci liter dla małych czcionek, które są umieszczane nad lub pod bazową linią bazową.
font-weight Określenie grubości 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, lub może to być skrócona wersja atrybutów grid-row-start, grid-column-start, grid-row-end oraz grid-column-end.
grid-auto-columns Określenie domyślnych wymiarów kolumn.
grid-auto-flow Określenie sposobu wstawiania automatycznie umieszczanych elementów w siatce.
grid-auto-rows Określenie domyślnych wymiarów wierszy.
grid-column Skrócona wersja atrybutów grid-column-start oraz grid-column-end.
grid-column-end Określenie sposobu zakończenia elementu siatki.
grid-column-gap Określenie wymiaru przestrzeni między kolumnami.
grid-column-start Określenie miejsca, od którego 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ślenie miejsca, gdzie kończy się element siatki.
grid-row-gap Określenie wymiaru przestrzeni między kolumnami.
grid-row-start Określenie miejsca, od którego zaczyna się element siatki.
grid-template Skrócona wersja atrybutów grid-template-rows, grid-template-columns oraz grid-areas.
grid-template-areas Określenie sposobu wyświetlania kolumn i wierszy za pomocą nazwanego elementu siatki.
grid-template-columns Określenie wymiarów kolumn oraz liczby kolumn w układzie siatki.
grid-template-rows Określenie wymiarów wierszy w układzie siatki.

H

hanging-punctuation Określenie, czy można umieszczać znaki interpunkcyjne poza ramką wiersza.
height Ustawienie wysokości elementu.
hyphens Ustawienie sposobu dzielenia wyrazów, aby poprawić układ akapitu.
hyphenate-character Ustawienie znaków używanych do łamania wyrazów przy ciągłych.

I

image-rendering określa typ algorytmu używanego do skalowania obrazu.
@import pozwalają na zaimportowanie jednej таблицы стилей do innej.
initial-letter określa rozmiar pierwszej litery oraz opcjonalnie liczbę wierszy, o które pierwsza litera powinna spaść.
inline-size określa rozmiar elementu w kierunku wewnętrznym.
inset określa odległość elementu od rodzica.
inset-block określa odległość elementu od rodzica w kierunku blokowym.
inset-block-end określa odległość elementu od rodzica w kierunku blokowym do końca.
inset-block-start określa odległość elementu od rodzica w kierunku blokowym od początku.
inset-inline określa odległość elementu od rodzica w kierunku wewnętrznym.
inset-inline-end określa odległość elementu od rodzica w kierunku wewnętrznym do końca.
inset-inline-start określa odległość elementu od rodzica w kierunku wewnętrznym.
isolation definiuje, czy element musi tworzyć nową warstwę zawartości.

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 siatki.
justify-self określa sposób wyrównania elementu w kierunku wewnętrznym, w elementach siatki. Ustawia się na elemencie siatki.

K

@keyframes określa kod animacji.

L

@layer kontroluje kolejność oceny stylów w warstwie CSS.
left Określ lewą pozycję elementu.
letter-spacing zwiększa lub zmniejsza odstęp między znakami w tekście.
line-break czy zmieniają się wiersze, czy nie.
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 na końcu kierunku blokowego.
margin-block-start określa zewnętrzny margines na początku kierunku blokowego.
margin-bottom ustawia dolny zewnętrzny margines elementu.
margin-inline określa zewnętrzny margines w kierunku wewnętrznym.
margin-inline-end Określenie marginesu zewnętrznego na końcu kierunku wewnętrznego.
margin-inline-start Określenie marginesu zewnętrznego na początku kierunku wewnętrznego.
margin-left Ustawienie lewej zewnętrznej marginesu elementu.
margin-right Ustawienie prawej zewnętrznej marginesu elementu.
margin-top Ustawienie górnej zewnętrznej marginesu elementu.
marker Wskazówka wskazująca, gdzie zostanie narysowany znak na wszystkich wierzchołkach ścieżki elementu (pierwszym, środkowych i ostatnim).
marker-end Wskazówka wskazująca, gdzie zostanie narysowany znak na ostatnim wierzchołku ścieżki elementu.
marker-mid Wskazówka wskazująca, gdzie zostanie narysowany znak na wszystkich środkowych wierzchołkach ścieżki elementu.
marker-start Wskazówka wskazująca, gdzie zostanie narysowany znak na pierwszym wierzchołku ścieżki elementu.
mask

Poniżej znajdują się skróty dla następujących właściwości:
mask-clip Określenie obszaru wpływanego przez obraz masek.
mask-composite Określenie operacji kompozycyjnych używanych na bieżącej masce i maskach poniżej.
mask-image Określenie obrazu używanego jako maska elementu.
mask-mode Określenie, czy obraz masek jest traktowany jako maska jasności, czy jako maska alpha.
mask-origin Określenie pierwotnej pozycji obrazu masek (w stosunku do obszaru pozycji masek).
mask-position Ustawienie pozycji początkowej obrazu maski (w stosunku do obszaru pozycji masek).
mask-repeat Określenie sposobu powtarzania obrazu maski.
mask-size Określenie rozmiaru obrazu maski.
mask-type Określenie SVG Czy element jest traktowany jako maska jasności, czy jako maska alpha.
max-height Ustawienie maksymalnej wysokości elementu.
max-width Ustawienie maksymalnej szerokości elementu.
@media Ustawienie reguł stylu dla różnych typów mediów, urządzeń i rozmiarów.
max-block-size Ustawienie maksymalnego rozmiaru elementu w kierunku zewnętrznym.
max-inline-size Ustawienie maksymalnego rozmiaru elementu w kierunku wewnętrznym.
min-block-size Ustawienie minimalnego rozmiaru elementu w kierunku zewnętrznym.
min-inline-size Ustawienie minimalnego rozmiaru elementu w kierunku wewnętrznym.
min-height Ustawienie minimalnej wysokości elementu.
min-width Ustawienie minimalnej szerokości elementu.
mix-blend-mode Zdefiniowanie, jak zawartość elementu powinna się mieszać z tłem bezpośredniego rodzica.

N

@namespace Definicja przestrzeni nazw XML używanej w arkuszu stylów.

O

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

Poniżej znajdują się skróty dla następujących właściwości:
offset-anchor Określa punkt na elementie, który jest trwale umieszczony na ścieżce.
offset-distance Określa pozycję elementu na ścieżce.
offset-path Określa ścieżkę, po której porusza się element.
offset-position Określa początkową pozycję elementu na ścieżce.
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 przy podziale strony.
outline Skrócone właściwości atrybutów outline-width, outline-style oraz outline-color.
outline-color Ustawia kolor konturu.
outline-offset Przesuwa kontur i rysuje go poza krawędź ramki.
outline-style Ustawia styl konturu.
outline-width Ustawia szerokość konturu.
overflow Określa, co się stanie, jeśli zawartość wyjdzie poza ramkę elementu.
overflow-anchor Określa, czy przy ładowaniu nowej zawartości w kontenerze przewijającym, zawartość widoczna powinna być pchana w dół.
overflow-wrap Określa, czy przeglądarka może przeciągać słowa, gdy długie słowa wyjdą poza kontener.
overflow-wrap Określa, czy przeglądarka może przeciągać słowa, aby zapobiec wypukłości (gdy ciąg jest zbyt długi, aby pasował do jego kontenera).
overflow-x Określa, czy zawartość jest przycinana od lewej i prawej, jeśli wyjdzie poza obszar zawartości elementu.
overflow-y Określa, czy zawartość jest przycinana od góry i dołu, jeśli wyjdzie poza obszar zawartości elementu.
overscroll-behavior Określa, czy w kierunkach x i y ma skok lub efekt nadmiernego przewijania.
overscroll-behavior-block Określa, czy w kierunku bloku ma skok lub efekt nadmiernego przewijania.
overscroll-behavior-inline Określa, czy w kierunku wewnętrznym ma skok lub efekt nadmiernego przewijania.
overscroll-behavior-x Określa, czy w kierunku x ma skok lub efekt nadmiernego przewijania.
overscroll-behavior-y Określa, czy w kierunku y ma skok lub efekt nadmiernego przewijania.

P

padding Skrócone właściwości wszystkich atrybutów padding-*.
padding-block Określ wewnętrzny margines w bloku.
padding-block-end Określ wewnętrzny margines na końcu bloku.
padding-block-start Określ wewnętrzny margines na początku bloku.
padding-bottom Ustaw dolny wewnętrzny margines elementu.
padding-inline Określ wewnętrzny margines w wewnętrznej stronie.
padding-inline-end Określ wewnętrzny margines na końcu wewnętrznej strony.
padding-inline-start Określ wewnętrzny margines na początku wewnętrznej strony.
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 drukowanej.
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) dla elementu.
paint-order Ustaw kolejność rysowania elementów SVG lub tekstu.
perspective Dostarcz perspektywę dla 3D-pozycjonowanych elementów.
perspective-origin Definiuj pozycję, z której użytkownik może观察3D-pozycjonowane elementy.
place-content Określ wartości atrybutów align-content i justify-content dla układu flex i siatki.
place-items Określ wartości atrybutów align-items i justify-items dla układu siatki.
place-self Określ wartości atrybutów align-self i justify-self dla układu siatki.
pointer-events Definiuj, czy element reaguje na zdarzenia wskaźnikowe.
position Określ typ metody pozycjonowania elementu (statyczne, względne, absolutne lub stałe).
@property Definiuj niestandardowe atrybuty CSS bez uruchamiania JavaScript.

Q

quotes Ustaw typ cudzych atrybutów CSS.

R

resize Definiuj, czy użytkownik może oraz w jaki sposób zmieniać rozmiar elementu.
right Określ lewą pozycję elementu.
rotate Określ obrot elementu.
row-gap Określ przestrzeń między wierszami siatki.

S

scale określa rozmiar elementu za pomocą powiększania lub zmniejszania.
@scope pozwalają na wybór konkretnych elementów w poddrzewie DOM i dokładne ich umieszczanie bez potrzeby tworzenia zbyt specyficznych selektorów.
scroll-behavior określa, czy pudełko przewijalne powinno przewijać się płynnie, zamiast przeskakiwać.
scroll-margin odległość od miejsca przylegania do kontenera.
scroll-margin-block odległość od miejsca przylegania w kierunku blokowym do kontenera.
scroll-margin-block-end odległość od końca miejsca przylegania w kierunku blokowym do kontenera.
scroll-margin-block-start odległość od początku miejsca przylegania w kierunku blokowym do kontenera.
scroll-margin-bottom odległość od dołu miejsca przylegania do kontenera.
scroll-margin-inline odległość od miejsca przylegania w kierunku wewnętrznym do kontenera.
scroll-margin-inline-end odległość od końca miejsca przylegania w kierunku wewnętrznym do kontenera.
scroll-margin-inline-start odległość od początku miejsca przylegania w kierunku wewnętrznym do kontenera.
scroll-margin-left odległość od lewej strony miejsca przylegania do kontenera.
scroll-margin-right odległość od prawej strony miejsca przylegania do kontenera.
scroll-margin-top odległość od góry miejsca przylegania do kontenera.
scroll-padding odległość od kontenera do miejsca przylegania elementu potomnego.
scroll-padding-block odległość od kontenera w kierunku blokowym do miejsca przylegania elementu potomnego.
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 dołu kontenera do miejsca przylegania elementu potomnego.
scroll-padding-inline odległość od kontenera w kierunku wewnętrznym do miejsca przylegania elementu potomnego.
scroll-padding-inline-end odległość od końca kontenera w kierunku wewnętrznym do miejsca przylegania elementu potomnego.
scroll-padding-inline-start odległość od początku kontenera w kierunku wewnętrznym do miejsca przylegania elementu potomnego.
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 przesunięciu na panelu dotykowym lub ekranie dotykowym.
scroll-snap-type Określa zachowanie przyciągania podczas przewijania.
scrollbar-color Określa kolor paska rolki elementu.
shape-outside Definiuje kształt otoczenia wewnętrznego.
@starting-style Definiuje początkowy styl elementu przed pierwszą aktualizacją stylu.
@supports 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ładu 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ą końcową, 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ść linii dekoracyjnej.
text-emphasis

Poniżej znajdują się skróty dla następujących właściwości:
text-emphasis-color Określa kolor oznakowania akcentu.
text-emphasis-position Określa pozycję oznakowania akcentu.
text-emphasis-style Określa styl oznakowania 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 指定元素的缩放因子。元素可以放大和缩小。