Przejdź do treści

Przyciąganie przewijania CSS

Źródło: CSS Scroll Snap Module Level 1

scroll-margin

Margines przewijania

Wartość
<length>{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-block

Blok marginesu przewijania

Wartość
<length>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-block-end

Koniec bloku marginesu przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-block-start

Początek bloku marginesu przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-bottom

Dolny margines przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-inline

Margines przewijania inline

Wartość
<length>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-inline-end

Koniec marginesu przewijania inline

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-inline-start

Początek marginesu przewijania inline

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-left

Lewy margines przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-right

Prawy margines przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-margin-top

Górny margines przewijania

Wartość
<length>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-padding

Wewnętrzny margines przewijania

Wartość
[ auto | <length-percentage> ]{1,4}
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do odpowiedniego wymiaru obszaru przewijania

scroll-padding-block

Blok wewnętrznego marginesu przewijania

Wartość
[ auto | <length-percentage> ]{1,2}
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-block-end

Koniec bloku wewnętrznego marginesu przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-block-start

Początek bloku wewnętrznego marginesu przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-bottom

Dolny wewnętrzny margines przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-inline

Wewnętrzny margines przewijania inline

Wartość
[ auto | <length-percentage> ]{1,2}
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-inline-end

Koniec wewnętrznego marginesu przewijania inline

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-inline-start

Początek wewnętrznego marginesu przewijania inline

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-left

Lewy wewnętrzny margines przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-right

Prawy wewnętrzny margines przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-padding-top

Górny wewnętrzny margines przewijania

Wartość
auto | <length-percentage>
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
odnosi się do obszaru przewijania

scroll-snap-align

Wyrównanie przyciągania przewijania

Wartość
[ none | start | end | center ]{1,2}
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-snap-stop

Zatrzymanie przyciągania przewijania

Wartość
normal | always
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

scroll-snap-type

Typ przyciągania przewijania

Wartość
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
scroll-margin: wartość69
2018-09-04		90
2021-07-13		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-margin-block: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-block-end: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-block-start: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-bottom: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-margin-inline: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-inline-end: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-inline-start: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-margin-left: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-margin-right: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-margin-top: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-padding: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-padding: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-padding-block: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-block: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-block-end: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-block-end: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-block-start: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-block-start: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-bottom: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-padding-inline: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-inline: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-inline-end: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-inline-end: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-inline-start: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-inline-start: auto69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
scroll-padding-left: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-padding-right: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-padding-top: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
scroll-snap-align: wartość69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-align: center69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-align: end69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-align: none69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-align: start69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-stop: wartość75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
scroll-snap-stop: always75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
scroll-snap-stop: normal75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
scroll-snap-type: wartość69
2018-09-04		99
2022-04-05		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-type: block69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
scroll-snap-type: both69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
scroll-snap-type: inline69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
scroll-snap-type: none69
2018-09-04		39
2015-07-02		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
scroll-snap-type: x69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
scroll-snap-type: y69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		≤13.1
2020-03-24
Facebook