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
selektor { color: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { 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

🔷 Zawiera błędy

Chrome
Firefox
Edge
Opera
Safari
selektor { font: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { font: caption }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font: icon }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font: menu }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font: message-box }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font: small-caption }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font: status-bar }1
2008-12-11		1
2004-11-09		12
2015-07-29		6
2001-12-18		1
2003-06-23
selektor { font-family: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { 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
selektor { font-feature-settings: normal }16
2011-12-13		15
2012-08-28		15
2017-04-05		15
2013-07-02		9.1
2016-03-21
selektor { font-kerning: wartość }33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
selektor { font-kerning: auto }33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
selektor { font-kerning: none }33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
selektor { font-kerning: normal }33
2014-02-20		32
2014-09-02		79
2020-01-15		20
2014-03-04		9
2015-09-30
selektor { font-size: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { 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
selektor { font-size-adjust: none }127
2024-07-23		3
2008-06-17		127
2024-07-25		113
2024-08-22		16.4
2023-03-27
selektor { font-stretch: wartość }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: condensed }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: expanded }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: extra-condensed }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: extra-expanded }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: normal }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: percentage }62
2017-10-17		61
2018-06-26		18
2018-10-02		49
2017-11-08		11.1
2018-04-12
selektor { font-stretch: semi-condensed }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: semi-expanded }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: ultra-condensed }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-stretch: ultra-expanded }60
2017-07-25		9
2011-12-20		12
2015-07-29		47
2017-08-09		11
2017-09-19
selektor { font-style: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { font-style: italic }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-style: normal }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-style: oblique }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-synthesis: wartość }97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		9
2015-09-30
selektor { font-synthesis: none }97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		9
2015-09-30
selektor { font-synthesis: small-caps }97
2022-01-04		93
2021-10-05		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
selektor { font-synthesis: style }97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
selektor { font-synthesis: weight }97
2022-01-04		34
2014-12-01		97
2022-01-06		83
2022-01-19		10.1
2017-03-27
selektor { font-variant: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { font-variant: none }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9
2015-09-30
selektor { font-variant: normal }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-variant: sub }110
2023-02-07		34
2014-12-01		110
2023-02-09		96
2023-02-22		9.1
2016-03-21
selektor { font-variant: super }110
2023-02-07		34
2014-12-01		110
2023-02-09		96
2023-02-22		9.1
2016-03-21
selektor { 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
selektor { font-variant-caps: all-petite-caps }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: all-small-caps }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: normal }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: petite-caps }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: small-caps }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: titling-caps }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-caps: unicase }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { 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
selektor { font-variant-east-asian: normal }63
2017-12-06		34
2014-12-01		79
2020-01-15		50
2018-01-04		9.1
2016-03-21
selektor { font-variant-east-asian: ruby }63
2017-12-06		34
2014-12-01		79
2020-01-15		50
2018-01-04		9.1
2016-03-21
selektor { 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
selektor { font-variant-ligatures: none }31
2013-11-12		34
2014-12-01		79
2020-01-15		18
2013-11-19		7
2013-10-22
selektor { font-variant-ligatures: normal }31
2013-11-12		34
2014-12-01		79
2020-01-15		18
2013-11-19		7
2013-10-22
selektor { 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
selektor { font-variant-numeric: normal }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-numeric: ordinal }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-numeric: slashed-zero }52
2016-07-20		34
2014-12-01		79
2020-01-15		39
2016-08-02		9.1
2016-03-21
selektor { font-variant-position: wartość }117
2023-09-12		34
2014-12-01		117
2023-09-15		103
2023-10-03		9.1
2016-03-21
selektor { font-variant-position: normal }117
2023-09-12		34
2014-12-01		117
2023-09-15		103
2023-10-03		9.1
2016-03-21
selektor { font-variant-position: sub }🔷 117
2023-09-12		34
2014-12-01		🔷 117
2023-09-15		🔷 103
2023-10-03		🔷 9.1
2016-03-21
selektor { font-variant-position: super }🔷 117
2023-09-12		34
2014-12-01		🔷 117
2023-09-15		🔷 103
2023-10-03		🔷 9.1
2016-03-21
selektor { font-weight: wartość }2
2009-05-21		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { font-weight: bold }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-weight: bolder }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-weight: lighter }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-weight: normal }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { font-weight: number }62
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
selektor { direction: wartość }2
2009-05-21		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
selektor { direction: ltr }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { direction: rtl }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { glyph-orientation-vertical: wartość }❌❌❌❌4
2009-06-08
selektor { 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
selektor { text-combine-upright: all }48
2016-01-20		48
2016-08-02		79
2020-01-15		35
2016-02-02		15.4
2022-03-14
selektor { text-combine-upright: none }48
2016-01-20		48
2016-08-02		79
2020-01-15		35
2016-02-02		15.4
2022-03-14
selektor { text-orientation: wartość }48
2016-01-20		41
2015-09-22		79
2020-01-15		35
2016-02-02		14
2020-09-16
selektor { text-orientation: mixed }48
2016-01-20		41
2015-09-22		79
2020-01-15		35
2016-02-02		≤13.1
2020-03-24
selektor { text-orientation: sideways }12
2011-06-07		44
2016-01-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-orientation: upright }12
2011-06-07		41
2015-09-22		79
2020-01-15		15
2013-07-02		≤13.1
2020-03-24
selektor { 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
selektor { unicode-bidi: bidi-override }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
selektor { unicode-bidi: embed }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
selektor { unicode-bidi: isolate }48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
selektor { unicode-bidi: isolate-override }48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
selektor { unicode-bidi: normal }2
2009-05-21		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
selektor { unicode-bidi: plaintext }48
2016-01-20		50
2016-11-15		79
2020-01-15		35
2016-02-02		11
2017-09-19
selektor { writing-mode: wartość }48
2016-01-20		41
2015-09-22		12
2015-07-29		35
2016-02-02		10.1
2017-03-27
selektor { writing-mode: horizontal-tb }48
2016-01-20		43
2015-12-15		12
2015-07-29		35
2016-02-02		9
2015-09-30
selektor { writing-mode: vertical-lr }48
2016-01-20		43
2015-12-15		12
2015-07-29		35
2016-02-02		9
2015-09-30
selektor { writing-mode: vertical-rl }48
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
selektor { box-sizing: wartość }10
2011-03-08		29
2014-04-29		12
2015-07-29		7
2003-01-28		5.1
2011-07-20
selektor { box-sizing: border-box }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { box-sizing: content-box }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { caret-color: wartość }57
2017-03-09		53
2017-04-19		79
2020-01-15		44
2017-03-21		11.1
2018-04-12
selektor { caret-color: auto }57
2017-03-09		53
2017-04-19		79
2020-01-15		44
2017-03-21		11.1
2018-04-12
selektor { cursor: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: alias }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: all-scroll }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: cell }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: col-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: context-menu }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: copy }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: crosshair }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: default }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: e-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: ew-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: grab }68
2018-07-24		27
2014-02-04		14
2016-08-02		55
2018-08-16		11
2017-09-19
selektor { cursor: grabbing }68
2018-07-24		27
2014-02-04		79
2020-01-15		55
2018-08-16		11
2017-09-19
selektor { cursor: help }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: move }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: n-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: ne-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: nesw-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: no-drop }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: none }5
2010-05-25		3
2008-06-17		12
2015-07-29		15
2013-07-02		5
2010-06-07
selektor { cursor: not-allowed }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: ns-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: nw-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: nwse-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: pointer }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: progress }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: row-resize }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: s-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: se-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: sw-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: text }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: url }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { cursor: vertical-text }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		10.6
2010-07-01		3
2007-10-26
selektor { cursor: w-resize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: wait }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1.2
2004-02-02
selektor { cursor: zoom-in }37
2014-08-26		24
2013-09-17		12
2015-07-29		24
2014-09-02		9
2015-09-30
selektor { cursor: zoom-out }37
2014-08-26		24
2013-09-17		12
2015-07-29		24
2014-09-02		9
2015-09-30
selektor { outline: wartość }94
2021-09-21		88
2021-04-19		94
2021-09-24		80
2021-10-05		16.4
2023-03-27
selektor { outline: auto }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		1.2
2004-02-02
selektor { outline: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
selektor { outline: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
selektor { 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
selektor { 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
selektor { 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
selektor { outline-style: auto }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
selektor { outline-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
selektor { 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
selektor { outline-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1.2
2004-02-02
selektor { resize: wartość }1
2008-12-11		4
2011-03-22		79
2020-01-15		12.1
2012-11-20		3
2007-10-26
selektor { resize: both }1
2008-12-11		4
2011-03-22		79
2020-01-15		15
2013-07-02		3
2007-10-26
selektor { resize: horizontal }1
2008-12-11		4
2011-03-22		79
2020-01-15		15
2013-07-02		3
2007-10-26
selektor { resize: none }1
2008-12-11		4
2011-03-22		79
2020-01-15		15
2013-07-02		3
2007-10-26
selektor { resize: vertical }1
2008-12-11		4
2011-03-22		79
2020-01-15		15
2013-07-02		3
2007-10-26
selektor { text-overflow: wartość }1
2008-12-11		7
2011-09-27		12
2015-07-29		11
2010-12-16		1.3
2005-04-15
selektor { text-overflow: clip }1
2008-12-11		7
2011-09-27		12
2015-07-29		15
2013-07-02		1.3
2005-04-15
selektor { text-overflow: ellipsis }1
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
selektor { contain: wartość }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: content }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: layout }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: none }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: paint }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: size }52
2016-07-20		69
2019-09-03		79
2020-01-15		39
2016-08-02		15.4
2022-03-14
selektor { contain: strict }52
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
selektor { background: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background: background-clip }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
selektor { background: background-origin }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
selektor { background: background-size }21
2012-07-31		9
2011-12-20		12
2015-07-29		21
2014-05-06		5.1
2011-07-20
selektor { background: border-box }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { background: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { background: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background: padding-box }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { background: repeat }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background: round }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background: scroll }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background: space }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background-attachment: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background-attachment: scroll }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background-clip: wartość }1
2008-12-11		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
selektor { background-clip: border-box }1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { background-clip: padding-box }1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { background-color: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { background-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background-image: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background-image: element }❌❌❌❌❌
selektor { background-image: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background-origin: wartość }1
2008-12-11		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		3
2007-10-26
selektor { background-origin: border-box }1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { background-origin: padding-box }1
2008-12-11		4
2011-03-22		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { background-position: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background-repeat: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { background-repeat: repeat }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { background-repeat: round }30
2013-10-01		49
2016-09-20		12
2015-07-29		17
2013-10-08		8
2014-10-16
selektor { background-repeat: space }30
2013-10-01		49
2016-09-20		12
2015-07-29		17
2013-10-08		8
2014-10-16
selektor { background-size: wartość }3
2009-09-15		4
2011-03-22		12
2015-07-29		10
2009-09-01		5
2010-06-07
selektor { background-size: auto }1
2008-12-11		3.6
2010-01-21		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-bottom: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-bottom: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-bottom: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-bottom: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-bottom: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-bottom-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-bottom-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { 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
selektor { 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
selektor { border-bottom-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-bottom-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-color: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-image: wartość }16
2011-12-13		15
2012-08-28		12
2015-07-29		11
2010-12-16		6
2012-07-25
selektor { border-image: fill }16
2011-12-13		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image: none }16
2011-12-13		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border-image: repeat }16
2011-12-13		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border-image: round }16
2011-12-13		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border-image: space }16
2011-12-13		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border-image: stretch }16
2011-12-13		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { border-image-outset: wartość }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-repeat: wartość }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-repeat: repeat }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-repeat: round }30
2013-10-01		15
2012-08-28		12
2015-07-29		17
2013-10-08		9.1
2016-03-21
selektor { border-image-repeat: space }56
2017-01-25		50
2016-11-15		12
2015-07-29		43
2017-02-07		9.1
2016-03-21
selektor { border-image-repeat: stretch }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-slice: wartość }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-source: wartość }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-source: none }15
2011-10-25		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-width: wartość }16
2011-12-13		13
2012-06-05		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-image-width: auto }16
2011-12-13		15
2012-08-28		12
2015-07-29		15
2013-07-02		6
2012-07-25
selektor { border-left: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-left: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-left: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-left: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-left: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-left-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-left-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-left-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-left-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-radius: wartość }4
2010-01-25		4
2011-03-22		12
2015-07-29		10.5
2010-03-02		5
2010-06-07
selektor { border-right: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		9.2
2007-04-11		1
2003-06-23
selektor { border-right: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-right: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-right: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-right: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-right-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-right-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-right-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-right-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-style: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-top: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-top: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-top: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-top: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-top: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-top-color: currentColor }≤31
2013-11-12		≤50
2016-11-15		≤15
2017-04-05		≤18
2013-11-19		≤9.1
2016-03-21
selektor { border-top-color: transparent }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { 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
selektor { 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
selektor { border-top-style: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { border-top-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { border-width: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { border-width: medium }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { box-shadow: none }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26

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
selektor { column-count: wartość }50
2016-04-13		52
2017-03-07		12
2015-07-29		37
2016-05-04		9
2015-09-30
selektor { column-count: auto }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { column-fill: wartość }50
2016-04-13		52
2017-03-07		12
2015-07-29		37
2016-05-04		9
2015-09-30
selektor { column-fill: auto }50
2016-04-13		17
2012-11-20		12
2015-07-29		37
2016-05-04		8
2014-10-16
selektor { column-fill: balance }50
2016-04-13		17
2012-11-20		12
2015-07-29		37
2016-05-04		8
2014-10-16
selektor { column-rule: wartość }50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
selektor { column-rule: medium }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { column-rule: none }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { 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
selektor { 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
selektor { column-rule-style: none }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { 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
selektor { column-rule-width: medium }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { column-span: wartość }50
2016-04-13		71
2019-12-10		12
2015-07-29		37
2016-05-04		9
2015-09-30
selektor { column-span: all }6
2010-09-02		71
2019-12-10		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
selektor { column-span: none }6
2010-09-02		71
2019-12-10		12
2015-07-29		15
2013-07-02		5.1
2011-07-20
selektor { column-width: wartość }50
2016-04-13		50
2016-11-15		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
selektor { column-width: auto }1
2008-12-11		1.5
2005-11-29		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { columns: wartość }50
2016-04-13		52
2017-03-07		12
2015-07-29		11.1
2011-04-12		9
2015-09-30
selektor { columns: auto }50
2016-04-13		9
2011-12-20		12
2015-07-29		37
2016-05-04		3
2007-10-26

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

❌ Nie działa

Chrome
Firefox
Edge
Opera
Safari
selektor { align-content: wartość }29
2013-08-20		28
2014-03-18		12
2015-07-29		16
2013-08-27		9
2015-09-30
selektor { align-items: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		16
2013-08-27		9
2015-09-30
selektor { align-self: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { align-self: auto }21
2012-07-31		28
2014-03-18		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { align-self: stretch }21
2012-07-31		28
2014-03-18		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { flex: wartość }29
2013-08-20		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex: auto }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex: content }94
2021-09-21		61
2018-06-26		94
2021-09-24		80
2021-10-05		15
2021-09-20
selektor { flex: none }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex: stretch }138
2025-06-24		❌138
2025-06-26		122
2025-09-11		❌
selektor { flex-basis: wartość }29
2013-08-20		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-basis: auto }22
2012-09-25		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-basis: content }94
2021-09-21		61
2018-06-26		94
2021-09-24		80
2021-10-05		15.4
2022-03-14
selektor { flex-basis: stretch }138
2025-06-24		❌138
2025-06-26		122
2025-09-11		❌
selektor { flex-direction: wartość }29
2013-08-20		22
2013-06-25		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-direction: column }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-direction: column-reverse }21
2012-07-31		81
2020-09-22		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-direction: row }21
2012-07-31		22
2013-06-25		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-direction: row-reverse }21
2012-07-31		81
2020-09-22		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: wartość }29
2013-08-20		28
2014-03-18		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-flow: column }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: column-reverse }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: nowrap }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: row }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: row-reverse }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: wrap }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-flow: wrap-reverse }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-grow: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-shrink: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { flex-wrap: wartość }29
2013-08-20		28
2014-03-18		12
2015-07-29		16
2013-08-27		9
2015-09-30
selektor { flex-wrap: nowrap }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-wrap: wrap }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { flex-wrap: wrap-reverse }21
2012-07-31		28
2014-03-18		12
2015-07-29		15
2013-07-02		7
2013-10-22
selektor { justify-content: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { 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
selektor { image-orientation: wartość }81
2020-04-07		26
2013-12-10		81
2020-04-13		67
2020-03-03		13.1
2020-03-24
selektor { image-orientation: from-image }81
2020-04-07		26
2013-12-10		81
2020-04-13		68
2020-04-22		13.1
2020-03-24
selektor { image-orientation: none }81
2020-04-07		26
2013-12-10		81
2020-04-13		68
2020-04-22		13.1
2020-03-24
selektor { image-rendering: wartość }13
2011-08-02		3.6
2010-01-21		79
2020-01-15		15
2013-07-02		6
2012-07-25
selektor { image-rendering: auto }13
2011-08-02		3.6
2010-01-21		79
2020-01-15		15
2013-07-02		6
2012-07-25
selektor { image-rendering: crisp-edges }13
2011-08-02		65
2019-01-29		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { image-rendering: pixelated }41
2015-03-03		93
2021-10-05		79
2020-01-15		26
2014-12-03		10
2016-09-20
selektor { image-rendering: smooth }❌93
2021-10-05		❌❌❌
selektor { object-fit: wartość }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { object-fit: contain }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { object-fit: cover }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { object-fit: fill }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { object-fit: none }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { object-fit: scale-down }32
2014-01-14		36
2015-02-24		79
2020-01-15		19
2014-01-28		10
2016-09-20
selektor { 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
selektor { speak: wartość }🔷 ≤80
2020-02-04		❌🔷 ≤80
2020-02-07		🔷 ≤67
2020-03-03		❌
selektor { speak-as: wartość }❌❌❌❌11.1
2018-04-12
selektor { speak-as: digits }❌❌❌❌11.1
2018-04-12
selektor { speak-as: literal-punctuation }❌❌❌❌11.1
2018-04-12
selektor { speak-as: no-punctuation }❌❌❌❌11.1
2018-04-12
selektor { speak-as: normal }❌❌❌❌11.1
2018-04-12
selektor { 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
selektor { text-decoration: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { text-decoration: auto }87
2020-11-17		70
2019-10-22		87
2020-11-19		73
2020-12-09		26.2
2025-12-12
selektor { text-decoration: blink }≤31
2013-11-12		3
2008-06-17		12
2015-07-29		≤18
2013-11-19		1
2003-06-23
selektor { text-decoration: currentColor }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: dashed }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: dotted }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: double }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: line-through }1
2008-12-11		3
2008-06-17		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-decoration: none }1
2008-12-11		3
2008-06-17		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-decoration: overline }1
2008-12-11		3
2008-06-17		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-decoration: solid }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { text-decoration: underline }1
2008-12-11		3
2008-06-17		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-decoration: wavy }57
2017-03-09		≤50
2016-11-15		79
2020-01-15		44
2017-03-21		26.2
2025-12-12
selektor { 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
selektor { text-decoration-color: currentColor }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { 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
selektor { text-decoration-line: blink }57
2017-03-09		26
2013-12-10		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: line-through }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: none }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: overline }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-line: underline }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { 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
selektor { text-decoration-style: dashed }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: dotted }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: double }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: solid }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-decoration-style: wavy }57
2017-03-09		6
2011-08-16		79
2020-01-15		44
2017-03-21		8
2014-10-16
selektor { text-emphasis: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis: circle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: currentColor }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: dot }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: double-circle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: filled }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: none }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: open }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: sesame }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis: triangle }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis-color: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-color: currentColor }25
2013-02-21		46
2016-04-26		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { text-emphasis-position: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-position: auto }❌132
2024-10-29		❌❌❌
selektor { text-emphasis-position: left }62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
selektor { text-emphasis-position: over }99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-position: right }62
2017-10-17		46
2016-04-26		79
2020-01-15		49
2017-11-08		8
2014-10-16
selektor { text-emphasis-position: under }99
2022-03-01		108
2022-12-13		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: wartość }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: circle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: dot }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: double-circle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: filled }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: none }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: open }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: sesame }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { text-emphasis-style: triangle }99
2022-03-01		46
2016-04-26		99
2022-03-03		85
2022-03-23		7
2013-10-22
selektor { 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
selektor { text-shadow: none }2
2009-05-21		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		1.1
2003-10-24
selektor { 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
selektor { text-underline-position: auto }33
2014-02-20		74
2020-03-10		79
2020-01-15		20
2014-03-04		12.1
2019-03-25
selektor { text-underline-position: left }71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
selektor { text-underline-position: right }71
2018-12-04		74
2020-03-10		79
2020-01-15		58
2019-01-23		18.2
2024-12-11
selektor { text-underline-position: under }33
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
selektor { shape-outside: wartość }37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
selektor { shape-outside: image }37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
selektor { shape-outside: none }37
2014-08-26		62
2018-09-05		79
2020-01-15		24
2014-09-02		10.1
2017-03-27
selektor { 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
selektor { 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
selektor { clip: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { clip: auto }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		1
2003-06-23
selektor { 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
selektor { clip-path: border-box }119
2023-10-31		54
2017-06-13		119
2023-11-02		105
2023-11-14		13
2019-09-19
selektor { clip-rule: wartość }≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
selektor { clip-rule: evenodd }≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
selektor { clip-rule: nonzero }≤15
2011-10-25		3.5
2009-06-30		79
2020-01-15		15
2013-07-02		≤5
2010-06-07
selektor { mask: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-border: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-border-outset: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-border-repeat: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-border-slice: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-border-source: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-border-width: wartość }1
2008-12-11		❌79
2020-01-15		15
2013-07-02		17.2
2023-12-11
selektor { mask-clip: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-clip: border-box }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		❌
selektor { mask-clip: no-clip }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		❌
selektor { mask-composite: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-composite: add }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-image: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		❌15.4
2022-03-14
selektor { mask-mode: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-mode: alpha }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-mode: luminance }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-mode: match-source }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-origin: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-origin: border-box }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		❌
selektor { mask-position: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-repeat: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-size: wartość }120
2023-12-05		53
2017-04-19		120
2023-12-07		106
2023-12-19		15.4
2022-03-14
selektor { mask-type: wartość }24
2013-01-10		35
2015-01-13		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { mask-type: alpha }24
2013-01-10		35
2015-01-13		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { mask-type: luminance }24
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
selektor { hanging-punctuation: wartość }❌❌❌❌🔷 10
2016-09-20
selektor { hanging-punctuation: allow-end }❌❌❌❌10
2016-09-20
selektor { hanging-punctuation: first }❌❌❌❌10
2016-09-20
selektor { hanging-punctuation: last }❌❌❌❌10
2016-09-20
selektor { hanging-punctuation: none }❌❌❌❌10
2016-09-20
selektor { hyphens: wartość }55
2016-12-01		43
2015-12-15		79
2020-01-15		42
2016-12-13		17
2023-09-18
selektor { hyphens: auto }88
2021-01-19		6
2011-08-16		88
2021-01-21		74
2021-02-02		5.1
2011-07-20
selektor { hyphens: manual }88
2021-01-19		6
2011-08-16		88
2021-01-21		74
2021-02-02		5.1
2011-07-20
selektor { hyphens: none }88
2021-01-19		6
2011-08-16		88
2021-01-21		74
2021-02-02		5.1
2011-07-20
selektor { letter-spacing: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { letter-spacing: normal }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { line-break: wartość }58
2017-04-19		69
2019-09-03		14
2016-08-02		45
2017-05-10		11
2017-09-19
selektor { line-break: anywhere }83
2020-05-19		69
2019-09-03		83
2020-05-21		69
2020-06-24		13
2019-09-19
selektor { line-break: auto }25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { line-break: loose }25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		8
2014-10-16
selektor { line-break: normal }1
2008-12-11		69
2019-09-03		79
2020-01-15		15
2013-07-02		2
2005-04-29
selektor { line-break: strict }25
2013-02-21		69
2019-09-03		79
2020-01-15		15
2013-07-02		8
2014-10-16
selektor { overflow-wrap: wartość }23
2012-11-06		49
2016-09-20		18
2018-10-02		12.1
2012-11-20		7
2013-10-22
selektor { overflow-wrap: anywhere }80
2020-02-04		65
2019-01-29		80
2020-02-07		67
2020-03-03		15.4
2022-03-14
selektor { overflow-wrap: break-word }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		10.5
2010-03-02		1
2003-06-23
selektor { overflow-wrap: normal }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { tab-size: wartość }21
2012-07-31		91
2021-08-10		79
2020-01-15		15
2013-07-02		7
2013-10-22
selektor { tab-size: length }42
2015-04-14		53
2017-04-19		79
2020-01-15		29
2015-04-28		13.1
2020-03-24
selektor { text-align: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { text-align: center }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
selektor { text-align: end }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		3.1
2008-03-18
selektor { text-align: justify }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-align: left }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
selektor { text-align: match-parent }❌40
2015-08-11		❌❌15.4
2022-03-14
selektor { text-align: right }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		≤4
2009-06-08
selektor { text-align: start }1
2008-12-11		1
2004-11-09		79
2020-01-15		15
2013-07-02		3.1
2008-03-18
selektor { text-align-last: wartość }47
2015-12-01		49
2016-09-20		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: auto }47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: center }47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: end }47
2015-12-01		12
2012-04-24		79
2020-01-15		34
2015-12-08		16
2022-09-12
selektor { text-align-last: justify }47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: left }47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: match-parent }❌❌❌❌16
2022-09-12
selektor { text-align-last: right }47
2015-12-01		12
2012-04-24		12
2015-07-29		34
2015-12-08		16
2022-09-12
selektor { text-align-last: start }47
2015-12-01		12
2012-04-24		79
2020-01-15		34
2015-12-08		16
2022-09-12
selektor { text-indent: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { text-indent: each-line }146
2026-03-10		121
2023-12-19		146
2026-03-12		15
2013-07-02		15
2021-09-20
selektor { text-indent: hanging }146
2026-03-10		121
2023-12-19		146
2026-03-12		15
2013-07-02		15
2021-09-20
selektor { text-justify: wartość }145
2026-02-10		55
2017-08-08		145
2026-02-14		15
2013-07-02		❌
selektor { text-justify: auto }145
2026-02-10		55
2017-08-08		145
2026-02-14		15
2013-07-02		❌
selektor { text-justify: inter-character }145
2026-02-10		55
2017-08-08		145
2026-02-14		15
2013-07-02		❌
selektor { text-justify: inter-word }145
2026-02-10		55
2017-08-08		145
2026-02-14		15
2013-07-02		❌
selektor { text-justify: none }145
2026-02-10		55
2017-08-08		145
2026-02-14		15
2013-07-02		❌
selektor { text-transform: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { text-transform: capitalize }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { text-transform: full-size-kana }❌64
2018-12-11		❌❌17
2023-09-18
selektor { text-transform: full-width }❌19
2013-02-19		❌❌17
2023-09-18
selektor { text-transform: lowercase }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-transform: none }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { text-transform: uppercase }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { white-space: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
selektor { white-space: break-spaces }76
2019-07-30		69
2019-09-03		79
2020-01-15		62
2019-06-27		13.1
2020-03-24
selektor { white-space: normal }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { white-space: nowrap }1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
selektor { white-space: pre }1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
selektor { white-space: pre-line }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		9.5
2008-06-12		3
2007-10-26
selektor { white-space: pre-wrap }1
2008-12-11		3
2008-06-17		12
2015-07-29		8
2005-04-19		3
2007-10-26
selektor { word-break: wartość }1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { word-break: break-all }1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { word-break: break-word }1
2008-12-11		67
2019-05-21		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { word-break: keep-all }44
2015-07-21		15
2012-08-28		12
2015-07-29		31
2015-08-04		9
2015-09-30
selektor { word-break: normal }1
2008-12-11		15
2012-08-28		12
2015-07-29		15
2013-07-02		3
2007-10-26
selektor { word-spacing: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { word-spacing: normal }1
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
selektor { box-decoration-break: wartość }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		❌
selektor { box-decoration-break: clone }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
selektor { box-decoration-break: slice }130
2024-10-15		32
2014-09-02		130
2024-10-17		115
2024-11-27		7
2013-10-22
selektor { break-after: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-after: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: avoid }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		❌
selektor { break-after: avoid-column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: avoid-page }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: left }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: page }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: recto }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: right }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-after: verso }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-before: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: avoid }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		❌
selektor { break-before: avoid-column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: avoid-page }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: column }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: left }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: page }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: recto }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: right }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-before: verso }50
2016-04-13		❌79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: wartość }50
2016-04-13		65
2019-01-29		12
2015-07-29		37
2016-05-04		10
2016-09-20
selektor { break-inside: auto }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid }50
2016-04-13		65
2019-01-29		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid-column }50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { break-inside: avoid-page }50
2016-04-13		92
2021-09-07		79
2020-01-15		37
2016-05-04		10
2016-09-20
selektor { orphans: wartość }25
2013-02-21		❌12
2015-07-29		9.2
2007-04-11		1.3
2005-04-15
selektor { 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
selektor { transform: wartość }36
2014-07-16		16
2012-10-09		12
2015-07-29		23
2014-07-22		9
2015-09-30
selektor { transform: none }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		3.1
2008-03-18
selektor { transform-box: wartość }64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		11
2017-09-19
selektor { transform-box: border-box }118
2023-10-10		55
2017-08-08		118
2023-10-13		104
2023-10-23		11
2017-09-19
selektor { transform-box: content-box }118
2023-10-10		125
2024-04-16		118
2023-10-13		104
2023-10-23		13.1
2020-03-24
selektor { transform-box: fill-box }64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		11
2017-09-19
selektor { transform-box: stroke-box }118
2023-10-10		125
2024-04-16		118
2023-10-13		104
2023-10-23		13.1
2020-03-24
selektor { transform-box: view-box }64
2018-01-23		55
2017-08-08		79
2020-01-15		51
2018-02-07		11
2017-09-19
selektor { transform-origin: wartość }36
2014-07-16		16
2012-10-09		12
2015-07-29		23
2014-07-22		9
2015-09-30
selektor { transform-origin: bottom }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
selektor { transform-origin: center }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
selektor { transform-origin: left }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
selektor { transform-origin: right }1
2008-12-11		3.5
2009-06-30		12
2015-07-29		15
2013-07-02		2
2005-04-29
selektor { transform-origin: top }1
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
selektor { mix-blend-mode: wartość }41
2015-03-03		32
2014-09-02		79
2020-01-15		28
2015-03-10		8
2014-10-16
selektor { mix-blend-mode: normal }41
2015-03-03		32
2014-09-02		79
2020-01-15		28
2015-03-10		8
2014-10-16
selektor { isolation: wartość }41
2015-03-03		36
2015-02-24		79
2020-01-15		28
2015-03-10		8
2014-10-16
selektor { isolation: auto }41
2015-03-03		36
2015-02-24		79
2020-01-15		28
2015-03-10		8
2014-10-16
selektor { 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
selektor { grid: wartość }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid: none }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-area: wartość }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-area: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-auto-columns: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-auto-flow: column }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { grid-auto-flow: dense }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { grid-auto-flow: row }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-auto-rows: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-column: wartość }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-column: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-column-end: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-column-start: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-row: wartość }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-row: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-row-end: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-row-start: auto }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-template: wartość }57
2017-03-09		52
2017-03-07		16
2017-10-17		44
2017-03-21		10.1
2017-03-27
selektor { grid-template: none }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-template-areas: none }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-template-columns: auto }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { grid-template-columns: none }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { 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
selektor { grid-template-rows: auto }57
2017-03-09		52
2017-03-07		79
2020-01-15		44
2017-03-21		10.1
2017-03-27
selektor { grid-template-rows: none }57
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
selektor { display: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { display: inline }1
2008-12-11		1
2004-11-09		12
2015-07-29		7
2003-01-28		1
2003-06-23
selektor { order: wartość }29
2013-08-20		20
2013-04-02		12
2015-07-29		12.1
2012-11-20		9
2015-09-30
selektor { visibility: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1
2003-06-23
selektor { visibility: collapse }1
2008-12-11		1
2004-11-09		12
2015-07-29		4
2000-06-28		1.3
2005-04-15
selektor { visibility: hidden }1
2008-12-11		1
2004-11-09		12
2015-07-29		15
2013-07-02		1
2003-06-23
selektor { visibility: visible }1
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
selektor { will-change: wartość }36
2014-07-16		36
2015-02-24		79
2020-01-15		23
2014-07-22		9.1
2016-03-21
selektor { will-change: auto }36
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
selektor { margin: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-bottom: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-bottom: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-left: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-left: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-right: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-right: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-top: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { margin-top: auto }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { padding: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { padding-bottom: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { padding-left: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { padding-right: wartość }1
2008-12-11		1
2004-11-09		12
2015-07-29		3.5
1998-11-18		1
2003-06-23
selektor { 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
selektor { 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
selektor { scroll-margin: wartość }69
2018-09-04		90
2021-07-13		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
selektor { scroll-margin-block: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { 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
selektor { 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
selektor { scroll-margin-inline: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { 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
selektor { 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
selektor { 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
selektor { 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
selektor { scroll-padding: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		14.1
2021-04-26
selektor { scroll-padding: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-padding-block: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { scroll-padding-block: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-block-end: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-block-start: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-bottom: auto }78
2019-10-22		68
2019-07-09		79
2020-01-15		65
2019-11-13		15
2021-09-20
selektor { scroll-padding-inline: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { scroll-padding-inline: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-inline-end: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-inline-start: auto }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		15
2021-09-20
selektor { 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
selektor { scroll-padding-left: auto }78
2019-10-22		68
2019-07-09		79
2020-01-15		65
2019-11-13		15
2021-09-20
selektor { 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
selektor { scroll-padding-right: auto }78
2019-10-22		68
2019-07-09		79
2020-01-15		65
2019-11-13		15
2021-09-20
selektor { 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
selektor { scroll-padding-top: auto }78
2019-10-22		68
2019-07-09		79
2020-01-15		65
2019-11-13		15
2021-09-20
selektor { scroll-snap-align: wartość }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-align: center }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-align: end }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-align: none }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-align: start }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-stop: wartość }75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
selektor { scroll-snap-stop: always }75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
selektor { scroll-snap-stop: normal }75
2019-06-04		103
2022-07-26		79
2020-01-15		62
2019-06-27		15
2021-09-20
selektor { scroll-snap-type: wartość }69
2018-09-04		99
2022-04-05		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: block }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: both }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: inline }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: none }69
2018-09-04		39
2015-07-02		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: x }69
2018-09-04		68
2019-07-09		79
2020-01-15		56
2018-09-25		11
2017-09-19
selektor { scroll-snap-type: y }69
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


Chrome
Firefox
Edge
Opera
Safari
selektor { scrollbar-color: wartość }121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		26.2
2025-12-12
selektor { scrollbar-color: auto }121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		26.2
2025-12-12
selektor { scrollbar-width: wartość }121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
selektor { scrollbar-width: auto }121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
selektor { scrollbar-width: none }121
2024-01-23		64
2018-12-11		121
2024-01-25		107
2024-02-07		18.2
2024-12-11
selektor { scrollbar-width: thin }121
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
selektor { color-adjust: wartość }❌48
2016-08-02		❌❌15.4
2022-03-14
selektor { color-adjust: economy }❌48
2016-08-02		❌❌15.4
2022-03-14
selektor { color-adjust: exact }❌48
2016-08-02		❌❌15.4
2022-03-14
selektor { color-scheme: wartość }81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
selektor { color-scheme: dark }81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
selektor { color-scheme: light }81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
selektor { color-scheme: normal }81
2020-04-07		96
2022-01-11		81
2020-04-13		68
2020-04-22		13
2019-09-19
selektor { color-scheme: only }98
2022-02-01		96
2022-01-11		98
2022-02-03		84
2022-02-16		13
2019-09-19
selektor { forced-color-adjust: wartość }89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
selektor { forced-color-adjust: auto }89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
selektor { forced-color-adjust: none }89
2021-03-02		113
2023-05-09		79
2020-01-15		75
2021-03-24		❌
selektor { forced-color-adjust: preserve-parent-color }106
2022-09-27		❌106
2022-10-03		92
2022-10-19		❌
selektor { print-color-adjust: wartość }136
2025-04-29		97
2022-02-08		136
2025-05-01		15
2013-07-02		15.4
2022-03-14
selektor { print-color-adjust: economy }136
2025-04-29		97
2022-02-08		136
2025-05-01		15
2013-07-02		6
2012-07-25
selektor { print-color-adjust: exact }136
2025-04-29		97
2022-02-08		136
2025-05-01		15
2013-07-02		6
2012-07-25
Facebook