Przejdź do treści

Specyfikacje CSS3

Poniżej znajdziesz wykaz cech (własności) oraz ich wartości według oryginalnych specyfikacji CSS3, opracowanych przez organizację W3C.

Aby zobaczyć wyjaśnienie znaczenia poszczególnych elementów opisu, zapoznaj się z rozdziałem: Komendy CSS 2 / Wstęp.

Kolory CSS

Źródło: CSS Color Module Level 3

color

Kolor pierwszoplanowy

Wartość
<color> | inherit
Inicjalizacja
zależy od przeglądarki
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

opacity

Przezroczystość

Wartość
<alphavalue> | inherit
Inicjalizacja
1
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
opacity: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9
2006-06-20		2
2005-04-29

Czcionki CSS

Źródło: CSS Fonts Module Level 3

font

Atrybuty mieszane czcionki

Wartość
[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
zobacz cechy indywidualne
Media
visual

font-family

Rodzaj czcionki

Wartość
[ <family-name> | <generic-family> ]
Inicjalizacja
zależy od przeglądarki
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-feature-settings

Niskopoziomowa kontrola ustawień własności czcionek

Wartość
normal | <feature-tag-value>
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-kerning

Odległość między znakami czcionki

Wartość
auto | normal | none
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-size

Wielkość czcionki

Wartość
<absolute-size> | <relative-size> | <length-percentage>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
odnosi się do rozmiaru czcionki rodzica
Media
visual

font-size-adjust

Proporcje czcionki

Wartość
none | <number>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-stretch

Rozciągnięcie czcionki

Wartość
normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-style

Styl czcionki

Wartość
normal | italic | oblique
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-synthesis

Kontrolowanie syntetycznej wagi i stylu

Wartość
none | [ weight || style ]
Inicjalizacja
weight style
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-variant

Atrybuty mieszane wariantu czcionki

Wartość
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby || [ sub | super ] ]
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
zobacz cechy indywidualne
Media
visual

font-variant-caps

Wariant wielkości liter czcionki

Wartość
normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-variant-east-asian

Wyświetlanie wschodnioazjatyckiego tekstu

Wartość
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-variant-ligatures

Wariant połączenia znaków czcionki

Wartość
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-variant-numeric

Wariant liczb czcionki

Wartość
normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-variant-position

Wariant pozycji czcionki

Wartość
normal | sub | super
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-weight

Waga czcionki

Wartość
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
font: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
font: caption1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font: icon1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font: menu1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font: message-box1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font: small-caption1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font: status-bar1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
font-family: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
font-feature-settings: wartość48
2016-01-20		34
2014-12-01		15
2017-04-05		35
2016-02-02		9.1
2016-03-21
font-feature-settings: normal16
2011-12-13		15
2012-08-28		15
2017-04-05		15
2013-07-02		9.1
2016-03-21
font-kerning: wartość33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
font-kerning: auto33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
font-kerning: none33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
font-kerning: normal33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
font-size: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
font-size-adjust: wartość127
2024-07-23		3
2008-06-17		127
2024-07-25		113
2024-08-22		16.4
2023-03-27
font-size-adjust: none127
2024-07-23		3
2008-06-17		127
2024-07-25		113
2024-08-22		16.4
2023-03-27
font-stretch: wartość60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
font-stretch: percentage62
2017-10-17		61
2018-06-26		18
2018-10-02		49
2017-11-08		11.1
2018-04-12
font-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
font-style: italic1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-style: normal1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-synthesis: wartość97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		9
2015-09-30
font-synthesis: small-caps97
2022-01-04		93
2021-10-05		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
font-synthesis: style97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
font-synthesis: weight97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
font-variant: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
font-variant: none52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9
2015-09-30
font-variant: normal1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-variant: sub110
2023-02-07		34
2014-12-01		110
2023-02-09		96
2023-02-22		9.1
2016-03-21
font-variant: super110
2023-02-07		34
2014-12-01		110
2023-02-09		96
2023-02-22		9.1
2016-03-21
font-variant-caps: wartość52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: all-petite-caps52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: all-small-caps52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: normal52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: petite-caps52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: small-caps52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: titling-caps52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-caps: unicase52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-east-asian: wartość63
2017-12-06		34
2014-12-01		79
2020-01-15		50
2018-01-04		9.1
2016-03-21
font-variant-east-asian: normal63
2017-12-06		34
2014-12-01		79
2020-01-15		50
2018-01-04		9.1
2016-03-21
font-variant-east-asian: ruby63
2017-12-06		34
2014-12-01		79
2020-01-15		50
2018-01-04		9.1
2016-03-21
font-variant-ligatures: wartość34
2014-04-08		34
2014-12-01		79
2020-01-15		21
2014-05-06		9.1
2016-03-21
font-variant-ligatures: none31
2013-11-12		34
2014-12-01		79
2020-01-15		18
2013-11-19		7
2013-10-22
font-variant-ligatures: normal31
2013-11-12		34
2014-12-01		79
2020-01-15		18
2013-11-19		7
2013-10-22
font-variant-numeric: wartość52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-numeric: normal52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-numeric: ordinal52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-numeric: slashed-zero52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
font-variant-position: wartość❌34
2014-12-01		❌❌9.1
2016-03-21
font-variant-position: normal❌34
2014-12-01		❌❌9.1
2016-03-21
font-variant-position: sub❌34
2014-12-01		❌❌9.1
2016-03-21
font-variant-position: super❌34
2014-12-01		❌❌9.1
2016-03-21
font-weight: wartość2
2009-05-21		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
font-weight: bold2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-weight: bolder2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-weight: lighter2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-weight: normal2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
font-weight: number62
2017-10-17		61
2018-06-26		17
2018-04-30		49
2017-11-08		11
2017-09-19

Tryby pisania CSS

Źródło: CSS Writing Modes Level 3

direction

Kierunek tekstu

Wartość
ltr | rtl
Inicjalizacja
ltr
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

glyph-orientation-vertical

Pionowa orientacja znaków

Wartość
auto | 0deg | 90deg | 0 | 90
Inicjalizacja
nie
Zastosowanie
nie
Dziedziczenie
nie
Procenty
nie

text-combine-upright

Kompozycja pozioma w pionie

Wartość
none | all
Inicjalizacja
none
Zastosowanie
nie-zastępowane elementy inline
Dziedziczenie
tak
Procenty
nie

text-orientation

Orientacja tekstu

Wartość
mixed | upright | sideways
Inicjalizacja
mixed
Zastosowanie
wszystkie elementy z wyjątkiem wierszy, grup wierszy, kolumn i grup kolumn tabeli
Dziedziczenie
tak
Procenty
nie

unicode-bidi

Algorytm dwukierunkowego tekstu

Wartość
normal | embed | isolate | bidi-override | isolate-override | plaintext
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

writing-mode

Tryb pisania

Wartość
horizontal-tb | vertical-rl | vertical-lr
Inicjalizacja
horizontal-tb
Zastosowanie
wszystkie elementy z wyjątkiem grup wierszy, grup kolumn, wierszy i kolumn tabeli, a także bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
tak
Procenty
nie

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
direction: wartość2
2009-05-21		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
direction: ltr2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
direction: rtl2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
glyph-orientation-vertical: wartość❌❌❌❌4
2009-06-08
text-combine-upright: wartość48
2016-01-20		48
2016-08-02		79
2020-01-15		35
2016-02-02		15.4
2022-03-14
text-combine-upright: all48
2016-01-20		48
2016-08-02		79
2020-01-15		35
2016-02-02		15.4
2022-03-14
text-combine-upright: none48
2016-01-20		48
2016-08-02		79
2020-01-15		35
2016-02-02		15.4
2022-03-14
text-orientation: wartość48
2016-01-20		41
2015-09-22		79
2020-01-15		35
2016-02-02		14
2020-09-16
text-orientation: mixed48
2016-01-20		41
2015-09-22		79
2020-01-15		35
2016-02-02		≤13.1
2020-03-24
text-orientation: sideways12
2011-06-07		44
2016-01-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
text-orientation: upright12
2011-06-07		41
2015-09-22		79
2020-01-15		15
2013-07-02		≤13.1
2020-03-24
unicode-bidi: wartość2
2009-05-21		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15
unicode-bidi: bidi-override2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
unicode-bidi: embed2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
unicode-bidi: isolate48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
unicode-bidi: isolate-override48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
unicode-bidi: normal2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
unicode-bidi: plaintext48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
writing-mode: wartość48
2016-01-20		41
2015-09-22		12
2015-07-29		35
2016-02-02		10.1
2017-03-27
writing-mode: horizontal-tb48
2016-01-20		43
2015-12-15		12
2015-07-29		35
2016-02-02		9
2015-09-30
writing-mode: vertical-lr48
2016-01-20		43
2015-12-15		12
2015-07-29		35
2016-02-02		9
2015-09-30
writing-mode: vertical-rl48
2016-01-20		43
2015-12-15		12
2015-07-29		35
2016-02-02		9
2015-09-30

Podstawowy interfejs użytkownika CSS

Źródło: CSS Basic User Interface Module Level 3 (CSS3 UI)

box-sizing

Wymiarowanie pudełka

Wartość
content-box | border-box
Inicjalizacja
content-box
Zastosowanie
wszystkie elementy, które akcektują szerokość i wysokość
Dziedziczenie
nie
Procenty
nie
Media
visual

caret-color

Kolor karetki tekstowej

Wartość
auto | <color>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
interactive

cursor

Kursor myszki

Wartość
[ [<url> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ]
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual, interactive

outline

Atrybuty mieszane obrysu

Wartość
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

outline-color

Kolor obrysu

Wartość
<color> | invert
Inicjalizacja
invert
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

outline-offset

Odstęp obrysu

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

outline-style

Styl obrysu

Wartość
auto | <border-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

outline-width

Szerokość obrysu

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

resize

Przeciąganie

Wartość
none | both | horizontal | vertical
Inicjalizacja
none
Zastosowanie
elementy z przepełnieniem innym niż visible i opcjonalnie elementy zastępowane takie jak obrazki, wideo, ramki lokalne
Dziedziczenie
nie
Procenty
nie
Media
visual

text-overflow

Przepełnienie tekstu

Wartość
clip | ellipsis
Inicjalizacja
clip
Zastosowanie
elementy blokowe
Dziedziczenie
nie
Procenty
nie
Media
visual

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
box-sizing: wartość10
2011-03-08		29
2014-04-29		12
2015-07-29		7
2003-01-28		5.1
2011-07-20
box-sizing: border-box1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		3
2007-10-26
box-sizing: content-box1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		3
2007-10-26
caret-color: wartość57
2017-03-09		53
2017-04-19		79
2020-01-15		44
2017-03-21		11.1
2018-04-12
cursor: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: alias1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: all-scroll1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: cell1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: col-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: context-menu1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: copy1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: crosshair1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: default1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: e-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: ew-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: grab68
2018-07-24		27
2014-02-04		14
2016-08-02		55
2018-08-16		11
2017-09-19
cursor: grabbing68
2018-07-24		27
2014-02-04		79
2020-01-15		55
2018-08-16		11
2017-09-19
cursor: help1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: move1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: n-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: ne-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: nesw-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: no-drop1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: none5
2010-05-25		3
2008-06-17		12
2015-07-29		15
2013-07-02		5
2010-06-07
cursor: not-allowed1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: ns-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: nw-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: nwse-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: pointer1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: progress1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: row-resize1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: s-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: se-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: sw-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: text1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: url1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
cursor: vertical-text1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
cursor: w-resize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: wait1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
cursor: zoom-in37
2014-08-26		24
2013-09-17		12
2015-07-29		24
2014-09-02		9
2015-09-30
cursor: zoom-out37
2014-08-26		24
2013-09-17		12
2015-07-29		24
2014-09-02		9
2015-09-30
outline: wartość94
2021-09-21		88
2021-04-19		94
2021-09-24		80
2021-10-05		16.4
2023-03-27
outline-color: wartość1
2008-12-11		1.5
2005-11-29		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
outline-offset: wartość1
2008-12-11		1.5
2005-11-29		15
2017-04-05		9.5
2008-06-12		1.2
2004-02-02
outline-style: wartość1
2008-12-11		1.5
2005-11-29		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
outline-style: auto1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
outline-style: none1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
outline-width: wartość1
2008-12-11		1.5
2005-11-29		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
resize: wartość1
2008-12-11		4
2011-03-22		79
2020-01-15		12.1
2012-11-20		3
2007-10-26
text-overflow: wartość1
2008-12-11		7
2011-09-27		12
2015-07-29		11
2010-12-16		1.3
2005-04-15
text-overflow: clip1
2008-12-11		7
2011-09-27		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
text-overflow: ellipsis1
2008-12-11		7
2011-09-27		12
2015-07-29		15
2013-07-02		1.3
2005-04-15

Zawieranie CSS

Źródło: CSS Containment Module Level 1

contain

Zawieranie

Wartość
none | strict | content | [ size || layout || paint ]
Inicjalizacja
none
Zastosowanie
wszystkie elementy, ale wybrane typy zawierania mogą nie działać dla niektórych elementów
Dziedziczenie
nie
Procenty
nie

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
contain: wartość52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: content52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: layout52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: none52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: paint52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: size52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
contain: strict52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14

Tło i obramowanie CSS

Źródło: CSS Backgrounds and Borders Module Level 3

background

Atrybuty mieszane tła

Wartość
[<bg-layer> ,]? <final-bg-layer>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne

background-attachment

Zaczepienie tła

Wartość
<attachment>
Inicjalizacja
scroll
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-clip

Przycinanie tła

Wartość
<box>
Inicjalizacja
border-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-color

Kolor tła

Wartość
<color>
Inicjalizacja
transparent
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-image

Tło obrazkowe

Wartość
<bg-image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-origin

Pozycja początkowa tła

Wartość
<box>
Inicjalizacja
padding-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-position

Pozycja tła

Wartość
<bg-position>
Inicjalizacja
0% 0%
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierzchni pozycjonowania tła minus rozmiar obrazka tła

background-repeat

Powtarzanie tła

Wartość
<repeat-style>
Inicjalizacja
repeat
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

background-size

Rozmiary tła

Wartość
<bg-size>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierchni pozycjonowania tła

border

Atrybuty mieszane obramowania obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom

Atrybuty mieszane dolnego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-color

Kolor dolnego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-left-radius

Zaokrąglenie dolnego-lewego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-bottom-right-radius

Zaokrąglenie dolnego-prawego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-bottom-style

Styl dolnego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-bottom-width

Szerokość dolnego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-color

Atrybuty mieszane koloru obramowania

Wartość
<color>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-image

Atrybuty mieszane obramowania obrazkowego

Wartość
<'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
nie
Procenty
nie

border-image-outset

Nawis obramowania obrazkowego

Wartość
[ <length [0,∞]> | <number [0,∞]> ]{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-repeat

Powtarzanie obramowania obrazkowego

Wartość
[ stretch | repeat | round | space ]{1,2}
Inicjalizacja
stretch
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-slice

Obcięcie obramowania obrazkowego

Wartość
[<number [0,∞]> | <percentage [0,∞]>]{1,4} && fill?
Inicjalizacja
100%
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru obrazka obramowania

border-image-source

Obramowanie obrazkowe

Wartość
none | <image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
nie

border-image-width

Szerokość obramowania obrazkowego

Wartość
[ <length-percentage [0,∞]> | <number [0,∞]> | auto ]{1,4}
Inicjalizacja
1
Zastosowanie
wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse"
Dziedziczenie
nie
Procenty
odnosi się do szerokosći/wysokości obszaru obrazka obramowania

border-left

Atrybuty mieszane lewego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-color

Kolor lewego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-style

Styl lewego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-left-width

Szerokość lewego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-radius

Atrybuty mieszane zaokrąglenia

Wartość
<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-right

Atrybuty mieszane prawego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-color

Kolor prawego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-style

Styl prawego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-right-width

Szerokość prawego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-style

Atrybuty mieszane stylu obramowania

Wartość
<line-style>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top

Atrybuty mieszane górnego obramowania

Wartość
<line-width> || <line-style> || <color>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-color

Kolor górnego obramowania

Wartość
<color>
Inicjalizacja
currentColor
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-left-radius

Zaokraglenie górnego-lewego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-top-right-radius

Zaokraglenie górnego-prawego obramowania

Wartość
<length-percentage [0,∞]>{1,2}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do wymiarów pudełka

border-top-style

Styl górnego obramowania

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-top-width

Szerokość górnego obramowania

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
nie

border-width

Atrybuty mieszane szerokości obramowania

Wartość
<line-width>{1,4}
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy z wyjątkiem bazowych i adnotacyjnych kontenerów przypisów ruby
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne

box-shadow

Cień

Wartość
none | <shadow>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
background: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background: background-clip21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
background: background-origin21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
background: background-size21
2012-07-31		9
2011-12-20		12
2015-07-29		21
2014-05-06		5.1
2011-07-20
background-attachment: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background-attachment: scroll1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
background-clip: wartość1
2008-12-11		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
background-clip: border-box1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
background-clip: padding-box1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
background-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background-image: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background-image: element❌❌❌❌❌
background-image: none1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
background-origin: wartość1
2008-12-11		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		3
2007-10-26
background-origin: border-box1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
background-origin: padding-box1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
background-position: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background-repeat: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
background-repeat: repeat1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
background-repeat: round30
2013-10-01		49
2016-09-20		12
2015-07-29		17
2013-10-08		8
2014-10-16
background-repeat: space30
2013-10-01		49
2016-09-20		12
2015-07-29		17
2013-10-08		8
2014-10-16
background-size: wartość3
2009-09-15		4
2011-03-22		12
2015-07-29		10
2009-09-01		5
2010-06-07
background-size: auto1
2008-12-11		3.6
2010-01-21		12
2015-07-29		15
2013-07-02		3
2007-10-26
border: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-bottom: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-bottom-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-bottom-left-radius: wartość4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
border-bottom-right-radius: wartość4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
border-bottom-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
border-bottom-width: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-image: wartość16
2011-12-13		15
2012-08-28		12
2015-07-29		11
2010-12-16		6
2012-07-25
border-image: fill16
2011-12-13		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-outset: wartość15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-repeat: wartość15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-repeat: repeat15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-repeat: round30
2013-10-01		15
2012-08-28		12
2015-07-29		17
2013-10-08		9.1
2016-03-21
border-image-repeat: space56
2017-01-25		50
2016-11-15		12
2015-07-29		43
2017-02-07		9.1
2016-03-21
border-image-repeat: stretch15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-slice: wartość15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-source: wartość15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-width: wartość16
2011-12-13		13
2012-06-05		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-image-width: auto16
2011-12-13		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
border-left: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-left-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-left-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
border-left-width: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-radius: wartość4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
border-right: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
border-right-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-right-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
border-right-width: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-style: none1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
border-top: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-top-color: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-top-left-radius: wartość4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
border-top-right-radius: wartość4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
border-top-style: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
border-top-width: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
border-width: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
box-shadow: wartość10
2011-03-08		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5.1
2011-07-20

Układ wielokolumnowy CSS

Źródło: CSS Multi-column Layout Module Level 1

column-count

Liczba kolumn

Wartość
auto | <integer [1,∞]>
Inicjalizacja
auto
Zastosowanie
elementy blokowe z wyjątkiem tabel
Dziedziczenie
nie
Procenty
nie

column-fill

Wypełnienie kolumn

Wartość
auto | balance | balance-all
Inicjalizacja
balance
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule

Atrybuty mieszane linii rozdzielająca kolumny

Wartość
<'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

column-rule-color

Kolor linii rozdzielająca kolumny

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule-style

Styl linii rozdzielająca kolumny

Wartość
<line-style>
Inicjalizacja
none
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-rule-width

Szerokość linii rozdzielająca kolumny

Wartość
<line-width>
Inicjalizacja
medium
Zastosowanie
kontenery układu wielokolumnowego
Dziedziczenie
nie
Procenty
nie

column-span

Łączenie kolumn

Wartość
none | all
Inicjalizacja
none
Zastosowanie
wszystkie elementy blokowe bez ustawionego oblewania ani pozycjonowania absolutnego
Dziedziczenie
nie
Procenty
nie

column-width

Szerokość kolumny

Wartość
auto | <length [0,∞]>
Inicjalizacja
auto
Zastosowanie
elementy blokowe z wyjątkiem tabel
Dziedziczenie
nie
Procenty
nie

columns

Atrybuty mieszane kolumn

Wartość
<'column-width'> || <'column-count'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
column-count: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		37
2016-05-04		9
2015-09-30
column-count: auto1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
column-fill: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		37
2016-05-04		9
2015-09-30
column-fill: auto50
2016-04-13		17
2012-11-20		12
2015-07-29		37
2016-05-04		8
2014-10-16
column-fill: balance50
2016-04-13		17
2012-11-20		12
2015-07-29		37
2016-05-04		8
2014-10-16
column-rule: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
column-rule-color: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
column-rule-style: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
column-rule-width: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
column-span: wartość50
2016-04-13		71
2019-12-10		12
2015-07-29		37
2016-05-04		9
2015-09-30
column-span: all6
2010-09-02		71
2019-12-10		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
column-span: none6
2010-09-02		71
2019-12-10		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
column-width: wartość50
2016-04-13		50
2016-11-15		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
column-width: auto1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
columns: wartość50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30

Układ elastyczny CSS

Źródło: CSS Flexible Box Layout Module Level 1

align-content

Wyrównanie wierszy

Wartość
flex-start | flex-end | center | space-between | space-around | stretch
Inicjalizacja
stretch
Zastosowanie
kontener elastyczny, którego elementy zostały ułożone w wielu wierszach
Dziedziczenie
nie
Procenty
nie

align-items

Wspólne wyrównanie wiersza

Wartość
flex-start | flex-end | center | baseline | stretch
Inicjalizacja
stretch
Zastosowanie
kontener elastyczny
Dziedziczenie
nie
Procenty
nie

align-self

Indywidualne wyrównanie wiersza

Wartość
auto | flex-start | flex-end | center | baseline | stretch
Inicjalizacja
auto
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
nie

flex

Atrybuty mieszane układu elastycznego

Wartość
none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
Inicjalizacja
0 1 auto
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne

flex-basis

Baza układu elastycznego

Wartość
content | <'width'>
Inicjalizacja
auto
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
odnosi się do wewnętrznego rozmiaru kontenera elastycznego

flex-direction

Kierunek przepływu układu elastycznego

Wartość
row | row-reverse | column | column-reverse
Inicjalizacja
row
Zastosowanie
kontener elastyczny
Dziedziczenie
nie
Procenty
nie

flex-flow

Atrybuty mieszane przepływu układu elastycznego

Wartość
<'flex-direction'> || <'flex-wrap'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

flex-grow

Rozciągnięcie układu elastycznego

Wartość
<number>
Inicjalizacja
0
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
nie

flex-shrink

Ściśnięcie układu elastycznego

Wartość
<number>
Inicjalizacja
1
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
nie

flex-wrap

Zawijanie przepływu układu elastycznego

Wartość
nowrap | wrap | wrap-reverse
Inicjalizacja
nowrap
Zastosowanie
kontener elastyczny
Dziedziczenie
nie
Procenty
nie

justify-content

Justowanie zawartości układu elastycznego

Wartość
flex-start | flex-end | center | space-between | space-around
Inicjalizacja
flex-start
Zastosowanie
kontener elastyczny
Dziedziczenie
nie
Procenty
nie

order

Kolejność układu elastycznego

Wartość
<integer>
Inicjalizacja
0
Zastosowanie
dzieci kontenera elastycznego
Dziedziczenie
nie
Procenty
nie

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
align-content: wartość29
2013-08-20		28
2014-03-18		12
2015-07-29		16
2013-08-27		9
2015-09-30
align-items: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		16
2013-08-27		9
2015-09-30
align-self: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex: none21
2012-07-31		≤72
2020-01-07		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-basis: wartość29
2013-08-20		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-basis: auto22
2012-09-25		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-basis: content94
2021-09-21		61
2018-06-26		94
2021-09-24		80
2021-10-05		15.4
2022-03-14
flex-direction: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-direction: column21
2012-07-31		≤72
2020-01-07		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-direction: column-reverse21
2012-07-31		81
2020-09-22		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-direction: row21
2012-07-31		≤72
2020-01-07		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-direction: row-reverse21
2012-07-31		81
2020-09-22		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-flow: wartość29
2013-08-20		28
2014-03-18		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-grow: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-shrink: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
flex-wrap: wartość29
2013-08-20		28
2014-03-18		12
2015-07-29		16
2013-08-27		9
2015-09-30
flex-wrap: nowrap21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-wrap: wrap21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
flex-wrap: wrap-reverse21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
justify-content: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
order: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30

Obrazki CSS

Źródło: CSS Images Module Level 3

image-orientation

Orientacja obrazka na stronie

Wartość
from-image | none | [ <angle> || flip ]
Inicjalizacja
from-image
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

image-rendering

Określenie jak przeskalozwać obrazek

Wartość
auto | smooth | high-quality | crisp-edges | pixelated
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

object-fit

Dopasowywanie rozmiaru obiektów

Wartość
fill | contain | cover | none | scale-down
Inicjalizacja
fill
Zastosowanie
elementy zastępowane
Dziedziczenie
nie
Procenty
nie

object-position

Pozycjonowanie obiektów

Wartość
<position>
Inicjalizacja
50% 50%
Zastosowanie
elementy zastępowane
Dziedziczenie
nie
Procenty
odnosi się do szerokości i wysokości elementu

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
image-orientation: wartość81
2020-04-07		26
2013-12-10		81
2020-04-13		67
2020-03-03		13.1
2020-03-24
image-orientation: from-image81
2020-04-07		26
2013-12-10		81
2020-04-13		68
2020-04-22		13.1
2020-03-24
image-orientation: none81
2020-04-07		26
2013-12-10		81
2020-04-13		68
2020-04-22		13.1
2020-03-24
image-rendering: wartość13
2011-08-02		3.6
2010-01-21		79
2020-01-15		15
2013-07-02		6
2012-07-25
image-rendering: auto13
2011-08-02		3.6
2010-01-21		79
2020-01-15		15
2013-07-02		6
2012-07-25
image-rendering: crisp-edges13
2011-08-02		65
2019-01-29		79
2020-01-15		15
2013-07-02		7
2013-10-22
image-rendering: pixelated41
2015-03-03		93
2021-10-05		79
2020-01-15		26
2014-12-03		10
2016-09-20
image-rendering: smooth❌93
2021-10-05		❌❌❌
object-fit: wartość32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-fit: contain32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-fit: cover32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-fit: fill32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-fit: none32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-fit: scale-down32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
object-position: wartość32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20

Mowa CSS

Źródło: CSS Speech Module

cue

Atrybuty mieszane sygnału wywoławczego

Wartość
<'cue-before'> <'cue-after'>?
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

cue-after

Sygnał wywoławczy po...

Wartość
<uri> <decibel>? | none
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

cue-before

Sygnał wywoławczy przed...

Wartość
<uri> <decibel>? | none
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

pause

Atrybuty mieszane przerwy

Wartość
<'pause-before'> <'pause-after'>?
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

pause-after

Przerwa po...

Wartość
<time> | none | x-weak | weak | medium | strong | x-strong
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

pause-before

Przerwa przed...

Wartość
<time> | none | x-weak | weak | medium | strong | x-strong
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

rest

Atrybuty mieszane spoczynku

Wartość
<'rest-before'> <'rest-after'>?
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

rest-after

Spoczynek po...

Wartość
<time> | none | x-weak | weak | medium | strong | x-strong
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

rest-before

Spoczynek przed...

Wartość
<time> | none | x-weak | weak | medium | strong | x-strong
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

speak

Parametry mowy

Wartość
auto | never | always
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

speak-as

Sposób wymowy

Wartość
normal | spell-out || digits || [ literal-punctuation | no-punctuation ]
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

voice-balance

Balans głosu

Wartość
<number> | left | center | right | leftwards | rightwards
Inicjalizacja
center
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

voice-duration

Czas trwania głosu

Wartość
auto | <time>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
speech

voice-family

Rodzina głosów

Wartość
[[<name> | <generic-voice>],]* [<name> | <generic-voice>] | preserve
Inicjalizacja
zależy od przeglądarki
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

voice-pitch

Wysokość głosu

Wartość
<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]
Inicjalizacja
medium
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
odnosi się do odziedziczonej wartości
Media
speech

voice-range

Zakres głosu

Wartość
<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]
Inicjalizacja
medium
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
odnosi się do odziedziczonej wartości
Media
speech

voice-rate

Tempo głosu

Wartość
[normal | x-slow | slow | medium | fast | x-fast] || <percentage>
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
odnosi się do domyślej wartości
Media
speech

voice-stress

Akcent głosu

Wartość
normal | strong | moderate | none | reduced
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

voice-volume

Głośność głosu

Wartość
silent | [[x-soft | soft | medium | loud | x-loud] || <decibel>]
Inicjalizacja
medium
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
speech

Przeglądarki

❌ Nie działa   🔷 Zawiera błędy

Chrome
Firefox
Edge
Opera
Safari
speak: wartość🔷 ≤80
2020-02-04		❌🔷 ≤80
2020-02-07		🔷 ≤67
2020-03-03		❌
speak-as: wartość❌❌❌❌11.1
2018-04-12
speak-as: digits❌❌❌❌11.1
2018-04-12
speak-as: literal-punctuation❌❌❌❌11.1
2018-04-12
speak-as: no-punctuation❌❌❌❌11.1
2018-04-12
speak-as: normal❌❌❌❌11.1
2018-04-12
speak-as: spell-out❌❌❌❌11.1
2018-04-12

Dekoracja tekstu CSS

Źródło: CSS Text Decoration Module Level 3

text-decoration

Dekoracja tekstu

Wartość
<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

text-decoration-color

Kolor dekoracji tekstu

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-decoration-line

Linie dekoracji tekstu

Wartość
none | [ underline || overline || line-through || blink ]
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-decoration-style

Styl dekoracji tekstu

Wartość
solid | double | dotted | dashed | wavy
Inicjalizacja
solid
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

text-emphasis

Atrybuty mieszane wzmocnienia tekstu

Wartość
<'text-emphasis-style'> || <'text-emphasis-color'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

text-emphasis-color

Kolor wzmocnienia tekstu

Wartość
<color>
Inicjalizacja
currentcolor
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-emphasis-position

Pozycja wzmocnienia tekstu

Wartość
[ over | under ] && [ right | left ]?
Inicjalizacja
over right
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-emphasis-style

Styl wzmocnienia tekstu

Wartość
none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-shadow

Cień tekstu

Wartość
none | [ <color>? && <length>{2,3} ]
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

text-underline-position

Pozycja podkreśleia tekstu

Wartość
auto | [ under || [ left | right ] ]
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
text-decoration: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
text-decoration-color: wartość57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
text-decoration-line: wartość57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
text-decoration-line: blink57
2017-03-09		26
2013-12-10		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-decoration-line: line-through57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-decoration-line: none57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-decoration-line: overline57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-decoration-line: underline57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-decoration-style: wartość57
2017-03-09		36
2015-02-24		79
2020-01-15		44
2017-03-21		12.1
2019-03-25
text-decoration-style: wavy57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
text-emphasis: wartość99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-color: wartość99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-position: wartość99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-position: auto❌132
2024-10-29		❌❌❌
text-emphasis-position: left62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
text-emphasis-position: over99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-position: right62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
text-emphasis-position: under99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: wartość99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: circle99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: dot99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: double-circle99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: filled99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: none99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: sesame99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-emphasis-style: triangle99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
text-shadow: wartość2
2009-05-21		3.5
2009-06-30		12
2015-07-29		9.5
2008-06-12		1.1
2003-10-24
text-underline-position: wartość33
2014-02-20		74
2020-03-10		12
2015-07-29		20
2014-03-04		12.1
2019-03-25
text-underline-position: auto33
2014-02-20		74
2020-03-10		79
2020-01-15		20
2014-03-04		12.1
2019-03-25
text-underline-position: left71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
text-underline-position: right71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
text-underline-position: under33
2014-02-20		74
2020-03-10		79
2020-01-15		20
2014-03-04		12.1
2019-03-25

Kształty CSS

Źródło: CSS Shapes Module Level 1

shape-outside

Kształt obszaru oblewania

Wartość
none | [ <basic-shape> || <shape-box> ] | <image>
Inicjalizacja
none
Zastosowanie
elementy z oblewaniem (float)
Dziedziczenie
nie
Media
visual

shape-image-threshold

Wybór pikseli obrazka obszaru oblewania

Wartość
<number>
Inicjalizacja
0.0
Zastosowanie
elementy z oblewaniem (float)
Dziedziczenie
nie
Media
visual

shape-margin

Margines obszaru oblewania

Wartość
<length> | <percentage>
Inicjalizacja
0
Zastosowanie
elementy z oblewaniem (float)
Dziedziczenie
nie
Media
visual

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
shape-outside: wartość37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
shape-outside: image37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
shape-outside: none37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
shape-image-threshold: wartość37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
shape-margin: wartość37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27

Maskowanie CSS

Źródło: CSS Masking Module Level 1

clip

Obcinanie

Wartość
rect() | auto
Inicjalizacja
auto
Zastosowanie
elementy pozycjonowane absolutnie
Dziedziczenie
nie
Procenty
nie
Media
visual

clip-path

Kształt obcinania

Wartość
<clip-source> | [ <basic-shape> || <geometry-box> ] | none
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

clip-rule

Reguły obcinania

Wartość
nonzero | evenodd
Inicjalizacja
nonzero
Zastosowanie
elementy grafiki SVG
Dziedziczenie
tak
Procenty
nie
Media
visual

mask

Atrybuty mieszane maski

Wartość
<mask-layer>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
zobacz cechy indywidualne
Media
visual

mask-border

Atrybuty mieszane maski obrazka obramowania

Wartość
<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-mode

Tryb maski obrazka obramowania

Wartość
luminance | alpha
Inicjalizacja
alpha
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-outset

Nawis krawędzi

Wartość
[ <length> | <number> ]{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-repeat

Powtarzanie maski obrazka obramowania

Wartość
[ stretch | repeat | round | space ]{1,2}
Inicjalizacja
stretch
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-slice

Obcięcie maski obrazka obramowania

Wartość
<number-percentage>{1,4} fill?
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru maski obrazka obramowania
Media
visual

mask-border-source

Źródło maski obrazka obramowania

Wartość
none | <image>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-border-width

Szerokość maski obrazka obramowania

Wartość
[ <length-percentage> | <number> | auto ]{1,4}
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do szerokosći/wysokości obszaru maski obrazka obramowani
Media
visual

mask-clip

Obcięcie maski

Wartość
[ <geometry-box> | no-clip ]
Inicjalizacja
border-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-composite

Komponowanie warstw maski

Wartość
<compositing-operator>
Inicjalizacja
add
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-image

Źródło obrazka maski

Wartość
<mask-reference>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-mode

Tryb maski obrazka

Wartość
<masking-mode>
Inicjalizacja
match-source
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-origin

Obszar pozycjonowania

Wartość
<geometry-box>
Inicjalizacja
border-box
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-position

Pozysjonowanie maski obrazka

Wartość
<position>
Inicjalizacja
0% 0%
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do powierzchni pozycjonowania maski minus rozmiar obrazka maski
Media
visual

mask-repeat

Powtarzanie maski obrazka

Wartość
<repeat-style>
Inicjalizacja
repeat
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-size

Dopasowywanie rozmiaru maski obrazka

Wartość
<bg-size>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

mask-type

Typ maski

Wartość
luminance | alpha
Inicjalizacja
luminance
Zastosowanie
elementy maski
Dziedziczenie
nie
Procenty
nie
Media
visual

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
clip: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
clip: auto1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		1
2003-06-23
clip-path: wartość55
2016-12-01		3.5
2009-06-30		79
2020-01-15		42
2016-12-13		9.1
2016-03-21
clip-rule: wartość≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
clip-rule: evenodd≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
clip-rule: nonzero≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
mask: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-border: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-border-outset: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-border-repeat: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-border-slice: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-border-source: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-border-width: wartość1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
mask-clip: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-composite: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-composite: add120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-image: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		❌15.4
2022-03-14
mask-mode: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-mode: alpha120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-mode: luminance120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-mode: match-source120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-origin: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-position: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-repeat: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-size: wartość120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
mask-type: wartość24
2013-01-10		35
2015-01-13		79
2020-01-15		15
2013-07-02		7
2013-10-22
mask-type: alpha24
2013-01-10		35
2015-01-13		79
2020-01-15		15
2013-07-02		7
2013-10-22
mask-type: luminance24
2013-01-10		35
2015-01-13		79
2020-01-15		15
2013-07-02		7
2013-10-22

Tekst CSS

Źródło: CSS Text Module Level 3

hanging-punctuation

Zawieszenie znaków interpunkcyjnych

Wartość
none | [ first || [ force-end | allow-end ] || last ]
Inicjalizacja
none
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

hyphens

Dzielenie

Wartość
none | manual | auto
Inicjalizacja
manual
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

letter-spacing

Odstęp między literami

Wartość
normal | <length>
Inicjalizacja
normal
Zastosowanie
tekst i elementy inline w przypadku "display: flow"
Dziedziczenie
tak
Procenty
nie

line-break

Ścisłość przełamania linii

Wartość
auto | loose | normal | strict | anywhere
Inicjalizacja
auto
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

overflow-wrap

Przycinanie zawijania

Wartość
normal | break-word | anywhere
Inicjalizacja
normal
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

tab-size

Rozmiar znaku tabulacji

Wartość
<number> | <length>
Inicjalizacja
8
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

text-align

Wyrównanie tekstu

Wartość
start | end | left | right | center | justify | match-parent | justify-all
Inicjalizacja
start
Zastosowanie
elementy blokowe
Dziedziczenie
tak
Procenty
zobacz cechy indywidualne

text-align-all

Domyślne wyrównanie tekstu

Wartość
start | end | left | right | center | justify | match-parent
Inicjalizacja
start
Zastosowanie
elementy blokowe
Dziedziczenie
tak
Procenty
nie

text-align-last

Wyrównanie ostatniej linii tekstu

Wartość
auto | start | end | left | right | center | justify | match-parent
Inicjalizacja
auto
Zastosowanie
elementy blokowe
Dziedziczenie
tak
Procenty
nie

text-indent

Wcięcie

Wartość
[ <length-percentage> ] && hanging? && each-line?
Inicjalizacja
0
Zastosowanie
elementy blokowe
Dziedziczenie
tak
Procenty
odnosi się do rozmiaru kontenera w kierunku pisania

text-justify

Metoda justowania tesktu

Wartość
auto | none | inter-word | inter-character
Inicjalizacja
auto
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

text-transform

Transformacja tekstu

Wartość
none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana
Inicjalizacja
none
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

white-space

Białe znaki

Wartość
normal | pre | nowrap | pre-wrap | break-spaces | pre-line
Inicjalizacja
normal
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

word-break

Reguły przełamywania dla liter

Wartość
normal | keep-all | break-all | break-word
Inicjalizacja
normal
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

word-spacing

Odstęp między wyrazami

Wartość
normal | <length>
Inicjalizacja
normal
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

word-wrap

Zawijanie wyrazów

Wartość
normal | break-word | anywhere
Inicjalizacja
normal
Zastosowanie
tekst
Dziedziczenie
tak
Procenty
nie

Przeglądarki

❌ Nie działa   🔷 Zawiera błędy

Chrome
Firefox
Edge
Opera
Safari
hanging-punctuation: wartość❌❌❌❌🔷 10
2016-09-20
hanging-punctuation: allow-end❌❌❌❌10
2016-09-20
hanging-punctuation: first❌❌❌❌10
2016-09-20
hanging-punctuation: last❌❌❌❌10
2016-09-20
hanging-punctuation: none❌❌❌❌10
2016-09-20
hyphens: wartość55
2016-12-01		43
2015-12-15		79
2020-01-15		42
2016-12-13		17
2023-09-18
hyphens: auto88
2021-01-19		6
2011-08-16		88
2021-01-21		74
2021-02-02		5.1
2011-07-20
letter-spacing: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
letter-spacing: normal1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
line-break: wartość58
2017-04-19		69
2019-09-03		14
2016-08-02		45
2017-05-10		11
2017-09-19
line-break: anywhere83
2020-05-19		69
2019-09-03		83
2020-05-21		69
2020-06-24		13
2019-09-19
line-break: auto25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		7
2013-10-22
line-break: loose25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		8
2014-10-16
line-break: normal1
2008-12-11		69
2019-09-03		79
2020-01-15		15
2013-07-02		2
2005-04-29
line-break: strict25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		8
2014-10-16
overflow-wrap: wartość23
2012-11-06		49
2016-09-20		18
2018-10-02		12.1
2012-11-20		7
2013-10-22
overflow-wrap: anywhere80
2020-02-04		65
2019-01-29		80
2020-02-07		67
2020-03-03		15.4
2022-03-14
overflow-wrap: break-word1
2008-12-11		3.5
2009-06-30		12
2015-07-29		10.5
2010-03-02		1
2003-06-23
overflow-wrap: normal1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		1
2003-06-23
tab-size: wartość21
2012-07-31		91
2021-08-10		79
2020-01-15		15
2013-07-02		7
2013-10-22
tab-size: length42
2015-04-14		53
2017-04-19		79
2020-01-15		29
2015-04-28		13.1
2020-03-24
text-align: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
text-align: center1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
text-align: end1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		3.1
2008-03-18
text-align: justify1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
text-align: left1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
text-align: match-parent❌40
2015-08-11		❌❌15.4
2022-03-14
text-align: right1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
text-align: start1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		3.1
2008-03-18
text-align-last: wartość47
2015-12-01		49
2016-09-20		12
2015-07-29		34
2015-12-08		16
2022-09-12
text-align-last: auto47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
text-indent: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
text-indent: each-line❌121
2023-12-19		❌❌15
2021-09-20
text-indent: hanging❌121
2023-12-19		❌❌15
2021-09-20
text-justify: wartość32
2014-01-14		55
2017-08-08		79
2020-01-15		19
2014-01-28		❌
text-justify: auto❌55
2017-08-08		❌❌❌
text-justify: inter-character❌55
2017-08-08		❌❌❌
text-justify: inter-word❌55
2017-08-08		❌❌❌
text-justify: none❌55
2017-08-08		❌❌❌
text-transform: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
text-transform: capitalize1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
text-transform: full-size-kana❌64
2018-12-11		❌❌17
2023-09-18
text-transform: full-width❌19
2013-02-19		❌❌17
2023-09-18
text-transform: lowercase1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
text-transform: none1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
text-transform: uppercase1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
white-space: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
white-space: break-spaces76
2019-07-30		69
2019-09-03		79
2020-01-15		62
2019-06-27		13.1
2020-03-24
white-space: normal1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
white-space: nowrap1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
white-space: pre1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
white-space: pre-line1
2008-12-11		3.5
2009-06-30		12
2015-07-29		9.5
2008-06-12		3
2007-10-26
white-space: pre-wrap1
2008-12-11		3
2008-06-17		12
2015-07-29		8
2005-04-19		3
2007-10-26
word-break: wartość1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
word-break: break-all1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
word-break: break-word1
2008-12-11		67
2019-05-21		12
2015-07-29		15
2013-07-02		3
2007-10-26
word-break: keep-all44
2015-07-21		15
2012-08-28		12
2015-07-29		31
2015-08-04		9
2015-09-30
word-break: normal1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
word-spacing: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
word-spacing: normal1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23

Fragmentacja CSS

Źródło: CSS Fragmentation Module Level 3

box-decoration-break

Dekoracja przełamania

Wartość
slice | clone
Inicjalizacja
slice
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

break-after

Przełamanie po...

Wartość
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Inicjalizacja
auto
Zastosowanie
elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy tabeli
Dziedziczenie
nie
Procenty
nie
Media
visual

break-before

Przełamanie przed...

Wartość
auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region
Inicjalizacja
auto
Zastosowanie
elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy tabeli
Dziedziczenie
nie
Procenty
nie
Media
visual

break-inside

Blokada przełamania

Wartość
auto | avoid | avoid-page | avoid-column | avoid-region
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

orphans

Samotne linijki na dole

Wartość
<integer>
Inicjalizacja
2
Zastosowanie
elementy blokowe zawierające tekst lub elementy inline
Dziedziczenie
tak
Procenty
nie
Media
visual

widows

Samotne linijki na górze

Wartość
<integer>
Inicjalizacja
2
Zastosowanie
elementy blokowe zawierające tekst lub elementy inline
Dziedziczenie
tak
Procenty
nie
Media
visual

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
box-decoration-break: wartość130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		❌
box-decoration-break: clone130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
box-decoration-break: slice130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
break-after: wartość50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
break-after: auto50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: avoid50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: avoid-column50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: avoid-page50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: column50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: left50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: page50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: recto50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: right50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-after: verso50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: wartość50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
break-before: auto50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: avoid50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: avoid-column50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: avoid-page50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: column50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: left50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: page50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: recto50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: right50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-before: verso50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
break-inside: wartość50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
break-inside: auto50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-inside: avoid50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-inside: avoid-column50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
break-inside: avoid-page50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
orphans: wartość25
2013-02-21		❌12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15
widows: wartość25
2013-02-21		❌12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15

Transformacje CSS

Źródło: CSS Transforms Module Level 1

transform

Przekształcenia

Wartość
none | [ matrix( <number> [, <number> ]{5,5} ) || translate( <length-percentage> [, <length-percentage> ]? ) || translateX( <length-percentage> ) || translateY( <length-percentage> ) || scale( <number> [, <number> ]? ) || scaleX( <number> ) || scaleY( <number> ) || rotate( [ <angle> | 0 ] ) || skew( [ <angle> | 0 ] [, [ <angle> | 0 ] ]? ) || skewX( [ <angle> | 0 ] ) || skewY( [ <angle> | 0 ] ) ]
Inicjalizacja
none
Zastosowanie
przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru obszaru odniesienia

transform-box

Obszar odniesienia przekształcenia

Wartość
content-box | border-box | fill-box | stroke-box | view-box
Inicjalizacja
view-box
Zastosowanie
przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
Dziedziczenie
nie
Procenty
nie

transform-origin

Początek przekształcenia

Wartość
[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>?
Inicjalizacja
50% 50%
Zastosowanie
przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
Dziedziczenie
nie
Procenty
odnosi się do rozmiaru obszaru odniesienia

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
transform: wartość36
2014-07-16		16
2012-10-09		12
2015-07-29		23
2014-07-22		9
2015-09-30
transform-box: wartość64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		11
2017-09-19
transform-box: border-box118
2023-10-10		55
2017-08-08		118
2023-10-13		104
2023-10-23		13.1
2020-03-24
transform-box: content-box118
2023-10-10		125
2024-04-16		118
2023-10-13		104
2023-10-23		13.1
2020-03-24
transform-box: fill-box64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		≤13.1
2020-03-24
transform-box: stroke-box118
2023-10-10		125
2024-04-16		118
2023-10-13		104
2023-10-23		13.1
2020-03-24
transform-box: view-box64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		≤13.1
2020-03-24
transform-origin: wartość36
2014-07-16		16
2012-10-09		12
2015-07-29		23
2014-07-22		9
2015-09-30
transform-origin: bottom1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
transform-origin: center1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
transform-origin: left1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
transform-origin: right1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
transform-origin: top1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29

Komponowanie i mieszanie CSS

Źródło: Compositing and Blending Level 1

mix-blend-mode

Tryb mieszania

Wartość
<blend-mode>
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

isolation

Izolacja

Wartość
<isolation-mode>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

background-blend-mode

Tryb mieszania tła

Wartość
<blend-mode>
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
visual

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
mix-blend-mode: wartość41
2015-03-03		32
2014-09-02		79
2020-01-15		28
2015-03-10		8
2014-10-16
isolation: wartość41
2015-03-03		36
2015-02-24		79
2020-01-15		30
2015-06-09		8
2014-10-16
background-blend-mode: wartość35
2014-05-20		30
2014-06-10		79
2020-01-15		22
2014-06-03		8
2014-10-16

Układ siatki CSS

Źródło: CSS Grid Layout Module Level 1

grid

Atrybuty mieszane układu siatki

Wartość
<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>
Inicjalizacja
none
Zastosowanie
kontenery układu siatki
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

grid-area

Obszar układu siatki

Wartość
<grid-line> [ / <grid-line> ]{0,3}
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-auto-columns

Automatyczne kolumny układu siatki

Wartość
<track-size>+
Inicjalizacja
auto
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
zobacz grid-template-columns i grid-template-columns

grid-auto-flow

Automatyczny przepływ układu siatki

Wartość
[ row | column ] || dense
Inicjalizacja
row
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
nie

grid-auto-rows

Automatyczne wiersze układu siatki

Wartość
<track-size>+
Inicjalizacja
auto
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
zobacz grid-template-columns i grid-template-columns

grid-column

Atrybuty mieszane kolumny układu siatki

Wartość
<grid-line> [ / <grid-line> ]?
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-column-end

Kolumna końcowa układu siatki

Wartość
<grid-line>
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-column-start

Kolumna początkowa układu siatki

Wartość
<grid-line>
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-row

Wiersz układu siatki

Wartość
<grid-line> [ / <grid-line> ]?
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-row-end

Wiersz końcowy układu siatki

Wartość
<grid-line>
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-row-start

Wiersz początkowy układu siatki

Wartość
<grid-line>
Inicjalizacja
auto
Zastosowanie
dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
Dziedziczenie
nie
Procenty
nie

grid-template

Szablon układu siatki

Wartość
none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?
Inicjalizacja
none
Zastosowanie
kontenery układu siatki
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

grid-template-areas

Obszary szablonu układu siatki

Wartość
none | <string>+
Inicjalizacja
none
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
nie

grid-template-columns

Kolumny szablonu układu siatki

Wartość
none | <track-list> | <auto-track-list>
Inicjalizacja
none
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
odnosi się do odpowiedniego wymiaru obszaru zawartości

grid-template-rows

Wiersze szablonu układu siatki

Wartość
none | <track-list> | <auto-track-list>
Inicjalizacja
none
Zastosowanie
kontenery układu siatki
Dziedziczenie
nie
Procenty
odnosi się do odpowiedniego wymiaru obszaru zawartości

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
grid: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-area: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-auto-columns: wartość57
2017-03-09		70
2019-10-22		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-auto-flow: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-auto-flow: column57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-auto-flow: dense57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-auto-flow: row57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-auto-rows: wartość57
2017-03-09		70
2019-10-22		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-column: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-column-end: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-column-start: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-row: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-row-end: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-row-start: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-template: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-template: none57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-template-areas: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-template-areas: none57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-template-columns: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-template-columns: auto57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-template-columns: none57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-template-rows: wartość57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
grid-template-rows: auto57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
grid-template-rows: none57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27

Wyświetlanie CSS

Źródło: CSS Display Module Level 3

display

Wyświetlanie

Wartość
[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>
Inicjalizacja
inline
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie

order

Kolejność

Wartość
<integer>
Inicjalizacja
0
Zastosowanie
dzieci kontenera elastycznego i dzieci kontenera układu siatki
Dziedziczenie
nie
Procenty
nie

visibility

Widzialność

Wartość
visible | hidden | collapse
Inicjalizacja
visible
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
display: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
display: inline1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
order: wartość29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
visibility: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
visibility: collapse1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1.3
2005-04-15
visibility: hidden1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
visibility: visible1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23

Podpowiedzi dla przeglądarki CSS

Źródło: CSS Will Change Module Level 1

will-change

Podpowiedź renderowania dla przeglądarki

Wartość
auto | <animateable-feature>
Inicjalizacja
auto
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
nie
Media
all

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
will-change: wartość36
2014-07-16		36
2015-02-24		79
2020-01-15		23
2014-07-22		9.1
2016-03-21
will-change: auto36
2014-07-16		36
2015-02-24		79
2020-01-15		23
2014-07-22		9.1
2016-03-21

Model pudełkowy CSS

Źródło: CSS Box Model Module Level 3

margin

Atrybuty mieszane marginesu

Wartość
<'margin-top'>{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

margin-bottom

Dolny margines

Wartość
<length-percentage> | auto
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

margin-left

Lewy margines

Wartość
<length-percentage> | auto
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

margin-right

Prawy margines

Wartość
<length-percentage> | auto
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

margin-top

Górny margines

Wartość
<length-percentage> | auto
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

padding

Atrybuty mieszane marginesu wewnętrznego

Wartość
<'padding-top'>{1,4}
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

padding-bottom

Dolny wewnętrzny margines

Wartość
<length-percentage>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

padding-left

Lewy wewnętrzny margines

Wartość
<length-percentage>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

padding-right

Prawy wewnętrzny margines

Wartość
<length-percentage>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

padding-top

Górny wewnętrzny margines

Wartość
<length-percentage>
Inicjalizacja
0
Zastosowanie
wszystkie elementy
Dziedziczenie
nie
Procenty
odnosi się do logicznej szerokości bloku obejmującego

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
margin: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-bottom: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-bottom: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-left: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-left: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-right: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-right: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-top: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
margin-top: auto1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
padding: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
padding-bottom: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
padding-left: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
padding-right: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
padding-top: wartość1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23

Kaskadowość i dziedziczenie CSS

Źródło: CSS Cascading and Inheritance Level 4

all

Resetowanie wszystkich cech

Wartość
initial | inherit | unset | revert
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

Przeglądarki


Chrome
Firefox
Edge
Opera
Safari
all: wartość37
2014-08-26		27
2014-02-04		79
2020-01-15		24
2014-09-02		9.1
2016-03-21

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		11
2017-09-19
scroll-snap-type: both69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-type: inline69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-type: none69
2018-09-04		39
2015-07-02		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-type: x69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
scroll-snap-type: y69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19

Paski przewijania CSS

Źródło: CSS Scrollbars Styling Module Level 1

scrollbar-color

Kolor paska przewijania

Wartość
auto | <color>{2}
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
tak
Procenty
nie

scrollbar-width

Szerokość paska przewijania

Wartość
auto | thin | none
Inicjalizacja
auto
Zastosowanie
kontenery przewijania
Dziedziczenie
nie
Procenty
nie

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
scrollbar-color: wartość121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		❌
scrollbar-color: auto121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		❌
scrollbar-width: wartość121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
scrollbar-width: auto121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
scrollbar-width: none121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
scrollbar-width: thin121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11

Regulacja koloru CSS

Źródło: CSS Color Adjustment Module Level 1

color-adjust

Atrybuty mieszane regulacji koloru

Wartość
<'print-color-adjust'>
Inicjalizacja
zobacz cechy indywidualne
Zastosowanie
zobacz cechy indywidualne
Dziedziczenie
zobacz cechy indywidualne
Procenty
zobacz cechy indywidualne

color-scheme

Wybór preferowanego schematu kolorów

Wartość
normal | [ light | dark | <custom-ident> ]+ && only?
Inicjalizacja
normal
Zastosowanie
wszystkie elementy i tekst
Dziedziczenie
tak
Procenty
nie

forced-color-adjust

Rezygnacja z wymuszonej palety kolorów

Wartość
auto | none | preserve-parent-color
Inicjalizacja
auto
Zastosowanie
wszystkie elementy i tekst
Dziedziczenie
tak
Procenty
nie

Oszczędzanie atramentu

Wartość
economy | exact
Inicjalizacja
economy
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie

Przeglądarki

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
color-adjust: wartość❌48
2016-08-02		❌❌15.4
2022-03-14
color-scheme: wartość81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
color-scheme: dark81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
color-scheme: light81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
color-scheme: normal81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
forced-color-adjust: wartość89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
forced-color-adjust: auto89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
forced-color-adjust: none89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
forced-color-adjust: preserve-parent-color106
2022-09-27		❌106
2022-10-03		92
2022-10-19		❌
print-color-adjust: wartość136
2025-04-29		97
2022-02-08		136
2025-05-01		❌15.4
2022-03-14
print-color-adjust: economy136
2025-04-29		97
2022-02-08		136
2025-05-01		❌6
2012-07-25
print-color-adjust: exact136
2025-04-29		97
2022-02-08		136
2025-05-01		❌6
2012-07-25
Facebook