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
- Wartość
<color> | inherit- Inicjalizacja
- zależy od przeglądarki
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
opacity
- Wartość
<alphavalue> | inherit- Inicjalizacja
- 1
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
opacity: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9 2006-06-20 | 2 2005-04-29 |
Czcionki CSS
Źródło: CSS Fonts Module Level 3
font
- 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
- 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
- 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
- Wartość
none | <number>- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-stretch
- 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
- 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
- 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
- Wartość
normal | sub | super- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-weight
- 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
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
font: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
font: caption | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font: icon | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font: menu | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font: message-box | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font: small-caption | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font: status-bar | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
font-family: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
font-feature-settings: wartość | 48 2016-01-20 | 34 2014-12-01 | 15 2017-04-05 | 35 2016-02-02 | 9.1 2016-03-21 |
font-feature-settings: normal | 16 2011-12-13 | 15 2012-08-28 | 15 2017-04-05 | 15 2013-07-02 | 9.1 2016-03-21 |
font-kerning: wartość | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 |
font-size: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
font-size-adjust: wartość | 127 2024-07-23 | 3 2008-06-17 | 127 2024-07-25 | 113 2024-08-22 | 16.4 2023-03-27 |
font-size-adjust: none | 127 2024-07-23 | 3 2008-06-17 | 127 2024-07-25 | 113 2024-08-22 | 16.4 2023-03-27 |
font-stretch: wartość | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
font-stretch: percentage | 62 2017-10-17 | 61 2018-06-26 | 18 2018-10-02 | 49 2017-11-08 | 11.1 2018-04-12 |
font-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
font-style: italic | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-style: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-synthesis: wartość | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 9 2015-09-30 |
font-synthesis: small-caps | 97 2022-01-04 | 93 2021-10-05 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 |
font-synthesis: style | 97 2022-01-04 | ≤72 2020-01-07 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 |
font-synthesis: weight | 97 2022-01-04 | ≤72 2020-01-07 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 |
font-variant: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
font-variant: none | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9 2015-09-30 |
font-variant: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-variant: sub | 110 2023-02-07 | 34 2014-12-01 | 110 2023-02-09 | 96 2023-02-22 | 9.1 2016-03-21 |
font-variant: super | 110 2023-02-07 | 34 2014-12-01 | 110 2023-02-09 | 96 2023-02-22 | 9.1 2016-03-21 |
font-variant-caps: wartość | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 |
font-variant-caps: all-petite-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 |
font-variant-caps: all-small-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 |
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 |
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 |
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 |
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 |
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 |
font-variant-east-asian: wartość | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 |
font-variant-east-asian: normal | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 |
font-variant-east-asian: ruby | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 |
font-variant-ligatures: wartość | 34 2014-04-08 | 34 2014-12-01 | 79 2020-01-15 | 21 2014-05-06 | 9.1 2016-03-21 |
font-variant-ligatures: none | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 |
font-variant-ligatures: normal | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 |
font-variant-numeric: wartość | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 |
font-variant-numeric: normal | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 |
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 |
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 |
font-variant-position: wartość | ❌ | 34 2014-12-01 | ❌ | ❌ | 9.1 2016-03-21 |
font-variant-position: normal | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 |
font-variant-position: sub | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 |
font-variant-position: super | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 |
font-weight: wartość | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
font-weight: bold | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: bolder | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: lighter | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
font-weight: normal | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
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
- 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
- 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
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
direction: wartość | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
direction: ltr | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
direction: rtl | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
glyph-orientation-vertical: wartość | ❌ | ❌ | ❌ | ❌ | ≤13.1 2020-03-24 |
text-combine-upright: wartość | 48 2016-01-20 | 48 2016-08-02 | 79 2020-01-15 | 35 2016-02-02 | 15.4 2022-03-14 |
text-orientation: wartość | 48 2016-01-20 | 41 2015-09-22 | 79 2020-01-15 | 35 2016-02-02 | 14 2020-09-16 |
text-orientation: mixed | ≤83 2020-05-19 | ≤72 2020-01-07 | ≤83 2020-05-21 | ≤69 2020-06-24 | ≤13.1 2020-03-24 |
text-orientation: sideways | 25 2013-02-21 | 44 2016-01-26 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
text-orientation: upright | ≤83 2020-05-19 | ≤72 2020-01-07 | ≤83 2020-05-21 | ≤69 2020-06-24 | ≤13.1 2020-03-24 |
unicode-bidi: wartość | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1.3 2005-04-15 |
unicode-bidi: bidi-override | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |
unicode-bidi: embed | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |
unicode-bidi: isolate | 48 2016-01-20 | 50 2016-11-15 | 79 2020-01-15 | 35 2016-02-02 | 11 2017-09-19 |
unicode-bidi: isolate-override | 48 2016-01-20 | 50 2016-11-15 | 79 2020-01-15 | 35 2016-02-02 | 11 2017-09-19 |
unicode-bidi: normal | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |
unicode-bidi: plaintext | 48 2016-01-20 | 50 2016-11-15 | 79 2020-01-15 | 35 2016-02-02 | 11 2017-09-19 |
writing-mode: wartość | 48 2016-01-20 | 41 2015-09-22 | 12 2015-07-29 | 35 2016-02-02 | 10.1 2017-03-27 |
writing-mode: horizontal-tb | 48 2016-01-20 | 43 2015-12-15 | 12 2015-07-29 | 35 2016-02-02 | 9 2015-09-30 |
writing-mode: vertical-lr | 48 2016-01-20 | 43 2015-12-15 | 12 2015-07-29 | 35 2016-02-02 | 9 2015-09-30 |
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
- 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
- Wartość
auto | <color>- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- interactive
cursor
- 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
- Wartość
[ <'outline-color'> || <'outline-style'> || <'outline-width'> ]- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-color
- Wartość
<color> | invert- Inicjalizacja
- invert
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-offset
outline-style
- Wartość
auto | <border-style>- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
outline-width
- Wartość
<line-width>- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
resize
- 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
- Wartość
clip | ellipsis- Inicjalizacja
- clip
- Zastosowanie
- elementy blokowe
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
box-sizing: wartość | 10 2011-03-08 | 29 2014-04-29 | 12 2015-07-29 | 7 2003-01-28 | 5.1 2011-07-20 |
box-sizing: border-box | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
box-sizing: content-box | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
caret-color: wartość | 57 2017-03-09 | 53 2017-04-19 | 79 2020-01-15 | 44 2017-03-21 | 11.1 2018-04-12 |
cursor: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: alias | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
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 |
cursor: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: cell | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
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 |
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 |
cursor: copy | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 10.6 2010-07-01 | 3 2007-10-26 |
cursor: crosshair | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: default | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: e-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
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 |
cursor: grab | 68 2018-07-24 | 27 2014-02-04 | 14 2016-08-02 | 55 2018-08-16 | 11 2017-09-19 |
cursor: grabbing | 68 2018-07-24 | 27 2014-02-04 | 79 2020-01-15 | 55 2018-08-16 | 11 2017-09-19 |
cursor: help | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: move | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: n-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: ne-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
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 |
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 |
cursor: none | 5 2010-05-25 | 3 2008-06-17 | 12 2015-07-29 | 15 2013-07-02 | 5 2010-06-07 |
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 |
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 |
cursor: nw-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
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 |
cursor: pointer | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: progress | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
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 |
cursor: s-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: se-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: sw-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: text | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: url | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
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 |
cursor: w-resize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: wait | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
cursor: zoom-in | 37 2014-08-26 | 24 2013-09-17 | 12 2015-07-29 | 24 2014-09-02 | 9 2015-09-30 |
cursor: zoom-out | 37 2014-08-26 | 24 2013-09-17 | 12 2015-07-29 | 24 2014-09-02 | 9 2015-09-30 |
outline: wartość | 94 2021-09-21 | 88 2021-04-19 | 94 2021-09-24 | 80 2021-10-05 | 16.4 2023-03-27 |
outline-color: wartość | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
outline-offset: wartość | 1 2008-12-11 | 1.5 2005-11-29 | 15 2017-04-05 | 9.5 2008-06-12 | 1.2 2004-02-02 |
outline-style: wartość | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
outline-style: auto | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
outline-style: none | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1.2 2004-02-02 |
outline-width: wartość | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 7 2003-01-28 | 1.2 2004-02-02 |
resize: wartość | 1 2008-12-11 | 4 2011-03-22 | 79 2020-01-15 | 12.1 2012-11-20 | 3 2007-10-26 |
text-overflow: wartość | 1 2008-12-11 | 7 2011-09-27 | 12 2015-07-29 | 11 2010-12-16 | 1.3 2005-04-15 |
text-overflow: clip | 1 2008-12-11 | 7 2011-09-27 | 12 2015-07-29 | 15 2013-07-02 | 1.3 2005-04-15 |
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 | |
|---|---|---|---|---|---|
contain: wartość | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
contain: content | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
contain: layout | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
contain: none | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
contain: paint | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
contain: size | 52 2016-07-20 | 69 2019-09-03 | 79 2020-01-15 | 39 2016-08-02 | 15.4 2022-03-14 |
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
- Wartość
[<bg-layer> ,]? <final-bg-layer>- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- zobacz cechy indywidualne
background-attachment
- Wartość
<attachment>- Inicjalizacja
- scroll
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-clip
- Wartość
<box>- Inicjalizacja
- border-box
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-color
- Wartość
<color>- Inicjalizacja
- transparent
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-image
- Wartość
<bg-image>- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-origin
- Wartość
<box>- Inicjalizacja
- padding-box
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-position
- 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
- Wartość
<repeat-style>- Inicjalizacja
- repeat
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
background-size
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- 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
- Wartość
none | <shadow>- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
background: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background: background-clip | 21 2012-07-31 | 22 2013-06-25 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
background: background-origin | 21 2012-07-31 | 22 2013-06-25 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
background: background-size | 21 2012-07-31 | 9 2011-12-20 | 12 2015-07-29 | 21 2014-05-06 | 5.1 2011-07-20 |
background-attachment: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background-attachment: scroll | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
background-clip: wartość | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
background-clip: border-box | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
background-clip: padding-box | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
background-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background-image: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background-image: element | ❌ | ❌ | ❌ | ❌ | ❌ |
background-image: none | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
background-origin: wartość | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 3 2007-10-26 |
background-origin: border-box | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
background-origin: padding-box | 1 2008-12-11 | 4 2011-03-22 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
background-position: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background-repeat: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
background-repeat: repeat | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
background-repeat: round | 30 2013-10-01 | 49 2016-09-20 | 12 2015-07-29 | 17 2013-10-08 | 8 2014-10-16 |
background-repeat: space | 30 2013-10-01 | 49 2016-09-20 | 12 2015-07-29 | 17 2013-10-08 | 8 2014-10-16 |
background-size: wartość | 3 2009-09-15 | 4 2011-03-22 | 12 2015-07-29 | 10 2009-09-01 | 5 2010-06-07 |
background-size: auto | 1 2008-12-11 | 3.6 2010-01-21 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
border: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-bottom: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-bottom-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-bottom-left-radius: wartość | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
border-bottom-right-radius: wartość | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
border-bottom-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
border-bottom-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-image: wartość | 16 2011-12-13 | 15 2012-08-28 | 12 2015-07-29 | 11 2010-12-16 | 6 2012-07-25 |
border-image: fill | 16 2011-12-13 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-outset: wartość | 15 2011-10-25 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-repeat: wartość | 15 2011-10-25 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-repeat: repeat | 15 2011-10-25 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
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 |
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 |
border-image-repeat: stretch | 15 2011-10-25 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-slice: wartość | 15 2011-10-25 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-source: wartość | 15 2011-10-25 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-width: wartość | 16 2011-12-13 | 13 2012-06-05 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-image-width: auto | 16 2011-12-13 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 6 2012-07-25 |
border-left: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-left-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-left-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
border-left-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-radius: wartość | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
border-right: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
border-right-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-right-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
border-right-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-style: none | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
border-top: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-top-color: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-top-left-radius: wartość | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
border-top-right-radius: wartość | 4 2010-01-25 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5 2010-06-07 |
border-top-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 9.2 2007-04-11 | 1 2003-06-23 |
border-top-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
border-width: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
box-shadow: wartość | 10 2011-03-08 | 4 2011-03-22 | 12 2015-07-29 | 10.5 2010-03-02 | 5.1 2011-07-20 |
Układ wielokolumnowy CSS
Źródło: CSS Multi-column Layout Module Level 1
column-count
- Wartość
auto | <integer [1,∞]>- Inicjalizacja
- auto
- Zastosowanie
- elementy blokowe z wyjątkiem tabel
- Dziedziczenie
- nie
- Procenty
- nie
column-fill
- 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
- Wartość
none | all- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy blokowe bez ustawionego oblewania ani pozycjonowania absolutnego
- Dziedziczenie
- nie
- Procenty
- nie
column-width
- Wartość
auto | <length [0,∞]>- Inicjalizacja
- auto
- Zastosowanie
- elementy blokowe z wyjątkiem tabel
- Dziedziczenie
- nie
- Procenty
- nie
columns
- Wartość
<'column-width'> || <'column-count'>- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- zobacz cechy indywidualne
- Dziedziczenie
- zobacz cechy indywidualne
- Procenty
- zobacz cechy indywidualne
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
column-count: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 37 2016-05-04 | 9 2015-09-30 |
column-count: auto | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
column-fill: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 37 2016-05-04 | 9 2015-09-30 |
column-fill: auto | 50 2016-04-13 | 17 2012-11-20 | 12 2015-07-29 | 37 2016-05-04 | 8 2014-10-16 |
column-fill: balance | 50 2016-04-13 | 17 2012-11-20 | 12 2015-07-29 | 37 2016-05-04 | 8 2014-10-16 |
column-rule: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
column-rule-color: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
column-rule-style: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
column-rule-width: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
column-span: wartość | 50 2016-04-13 | 71 2019-12-10 | 12 2015-07-29 | 37 2016-05-04 | 9 2015-09-30 |
column-span: all | 6 2010-09-02 | 71 2019-12-10 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
column-span: none | 6 2010-09-02 | 71 2019-12-10 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |
column-width: wartość | 50 2016-04-13 | 50 2016-11-15 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
column-width: auto | 1 2008-12-11 | 1.5 2005-11-29 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
columns: wartość | 50 2016-04-13 | 52 2017-03-07 | 12 2015-07-29 | 11.1 2011-04-12 | 9 2015-09-30 |
Układ elastyczny CSS
Źródło: CSS Flexible Box Layout Module Level 1
align-content
- 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
- 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
- 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
- Wartość
<integer>- Inicjalizacja
- 0
- Zastosowanie
- dzieci kontenera elastycznego
- Dziedziczenie
- nie
- Procenty
- nie
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
align-content: wartość | 29 2013-08-20 | 28 2014-03-18 | 12 2015-07-29 | 16 2013-08-27 | 9 2015-09-30 |
align-items: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 16 2013-08-27 | 9 2015-09-30 |
align-self: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex: none | 21 2012-07-31 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-basis: wartość | 29 2013-08-20 | 22 2013-06-25 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-basis: auto | 22 2012-09-25 | 22 2013-06-25 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-basis: content | 94 2021-09-21 | 61 2018-06-26 | 94 2021-09-24 | 80 2021-10-05 | 15.4 2022-03-14 |
flex-direction: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-direction: column | 21 2012-07-31 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-direction: column-reverse | 21 2012-07-31 | 81 2020-09-22 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-direction: row | 21 2012-07-31 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-direction: row-reverse | 21 2012-07-31 | 81 2020-09-22 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-flow: wartość | 29 2013-08-20 | 28 2014-03-18 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-grow: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-shrink: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
flex-wrap: wartość | 29 2013-08-20 | 28 2014-03-18 | 12 2015-07-29 | 16 2013-08-27 | 9 2015-09-30 |
flex-wrap: nowrap | 21 2012-07-31 | 28 2014-03-18 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-wrap: wrap | 21 2012-07-31 | 28 2014-03-18 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
flex-wrap: wrap-reverse | 21 2012-07-31 | 28 2014-03-18 | 12 2015-07-29 | 15 2013-07-02 | 7 2013-10-22 |
justify-content: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
order: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
Obrazki CSS
Źródło: CSS Images Module Level 3
image-orientation
Orientacja obrazka na stronie
- Wartość
from-image | none | [ <angle> || flip ]- Inicjalizacja
- from-image
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
image-rendering
Określenie jak przeskalozwać obrazek
- Wartość
auto | smooth | high-quality | crisp-edges | pixelated- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
object-fit
Dopasowywanie rozmiaru obiektów
- Wartość
fill | contain | cover | none | scale-down- Inicjalizacja
- fill
- Zastosowanie
- elementy zastępowane
- Dziedziczenie
- nie
- Procenty
- nie
object-position
Pozycjonowanie obiektów
- Wartość
<position>- Inicjalizacja
- 50% 50%
- Zastosowanie
- elementy zastępowane
- Dziedziczenie
- nie
- Procenty
- odnosi się do szerokości i wysokości elementu
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
image-orientation: wartość | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 67 2020-03-03 | 13.1 2020-03-24 |
image-orientation: from-image | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 68 2020-04-22 | 13.1 2020-03-24 |
image-orientation: none | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 68 2020-04-22 | 13.1 2020-03-24 |
image-rendering: wartość | 13 2011-08-02 | 3.6 2010-01-21 | 79 2020-01-15 | 15 2013-07-02 | 6 2012-07-25 |
image-rendering: auto | 13 2011-08-02 | 3.6 2010-01-21 | 79 2020-01-15 | 15 2013-07-02 | 6 2012-07-25 |
image-rendering: crisp-edges | 13 2011-08-02 | 65 2019-01-29 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
image-rendering: pixelated | 41 2015-03-03 | 93 2021-10-05 | 79 2020-01-15 | 26 2014-12-03 | 10 2016-09-20 |
image-rendering: smooth | ❌ | 93 2021-10-05 | ❌ | ❌ | ❌ |
object-fit: wartość | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-fit: contain | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-fit: cover | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-fit: fill | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-fit: none | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-fit: scale-down | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
object-position: wartość | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
Mowa CSS
Źródło: CSS Speech Module
cue
Atrybuty mieszane sygnału wywoławczego
- Wartość
<'cue-before'> <'cue-after'>?- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
cue-after
Sygnał wywoławczy po...
- Wartość
<uri> <decibel>? | none- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
cue-before
Sygnał wywoławczy przed...
- Wartość
<uri> <decibel>? | none- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
pause
Atrybuty mieszane przerwy
- Wartość
<'pause-before'> <'pause-after'>?- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
pause-after
Przerwa po...
- Wartość
<time> | none | x-weak | weak | medium | strong | x-strong- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
pause-before
Przerwa przed...
- Wartość
<time> | none | x-weak | weak | medium | strong | x-strong- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
rest
Atrybuty mieszane spoczynku
- Wartość
<'rest-before'> <'rest-after'>?- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
rest-after
Spoczynek po...
- Wartość
<time> | none | x-weak | weak | medium | strong | x-strong- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
rest-before
Spoczynek przed...
- Wartość
<time> | none | x-weak | weak | medium | strong | x-strong- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
speak
Parametry mowy
- Wartość
auto | never | always- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
speak-as
Sposób wymowy
- Wartość
normal | spell-out || digits || [ literal-punctuation | no-punctuation ]- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
voice-balance
Balans głosu
- Wartość
<number> | left | center | right | leftwards | rightwards- Inicjalizacja
- center
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
voice-duration
Czas trwania głosu
- Wartość
auto | <time>- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- speech
voice-family
Rodzina głosów
- Wartość
[[<name> | <generic-voice>],]* [<name> | <generic-voice>] | preserve- Inicjalizacja
- zależy od przeglądarki
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
voice-pitch
Wysokość głosu
- Wartość
<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- odnosi się do odziedziczonej wartości
- Media
- speech
voice-range
Zakres głosu
- Wartość
<frequency> && absolute | [[x-low | low | medium | high | x-high] || [<frequency> | <semitones> | <percentage>]]- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- odnosi się do odziedziczonej wartości
- Media
- speech
voice-rate
Tempo głosu
- Wartość
[normal | x-slow | slow | medium | fast | x-fast] || <percentage>- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- odnosi się do domyślej wartości
- Media
- speech
voice-stress
Akcent głosu
- Wartość
normal | strong | moderate | none | reduced- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
voice-volume
Głośność głosu
- Wartość
silent | [[x-soft | soft | medium | loud | x-loud] || <decibel>]- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- speech
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
speak: wartość | 🔷 ≤80 2020-02-04 | ❌ | 🔷 ≤80 2020-02-07 | 🔷 ≤67 2020-03-03 | ❌ |
speak-as: wartość | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
speak-as: digits | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
speak-as: literal-punctuation | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
speak-as: no-punctuation | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
speak-as: normal | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
speak-as: spell-out | ❌ | ❌ | ❌ | ❌ | 11.1 2018-04-12 |
Dekoracja tekstu CSS
Źródło: CSS Text Decoration Module Level 3
text-decoration
- 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
- 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
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
text-decoration: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
text-decoration-color: wartość | 57 2017-03-09 | 36 2015-02-24 | 79 2020-01-15 | 44 2017-03-21 | 12.1 2019-03-25 |
text-decoration-line: wartość | 57 2017-03-09 | 36 2015-02-24 | 79 2020-01-15 | 44 2017-03-21 | 12.1 2019-03-25 |
text-decoration-line: blink | 57 2017-03-09 | 26 2013-12-10 | 79 2020-01-15 | 44 2017-03-21 | 8 2014-10-16 |
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 |
text-decoration-line: none | 57 2017-03-09 | 6 2011-08-16 | 79 2020-01-15 | 44 2017-03-21 | 8 2014-10-16 |
text-decoration-line: overline | 57 2017-03-09 | 6 2011-08-16 | 79 2020-01-15 | 44 2017-03-21 | 8 2014-10-16 |
text-decoration-line: underline | 57 2017-03-09 | 6 2011-08-16 | 79 2020-01-15 | 44 2017-03-21 | 8 2014-10-16 |
text-decoration-style: wartość | 57 2017-03-09 | 36 2015-02-24 | 79 2020-01-15 | 44 2017-03-21 | 12.1 2019-03-25 |
text-decoration-style: wavy | 57 2017-03-09 | 6 2011-08-16 | 79 2020-01-15 | 44 2017-03-21 | 8 2014-10-16 |
text-emphasis: wartość | 99 2022-03-01 | 46 2016-04-26 | 99 2022-03-03 | 85 2022-03-23 | 7 2013-10-22 |
text-emphasis-color: wartość | 99 2022-03-01 | 46 2016-04-26 | 99 2022-03-03 | 85 2022-03-23 | 7 2013-10-22 |
text-emphasis-position: wartość | 99 2022-03-01 | 46 2016-04-26 | 99 2022-03-03 | 85 2022-03-23 | 7 2013-10-22 |
text-emphasis-position: auto | ❌ | 132 2024-10-29 | ❌ | ❌ | ❌ |
text-emphasis-position: left | 62 2017-10-17 | 46 2016-04-26 | 79 2020-01-15 | 49 2017-11-08 | 8 2014-10-16 |
text-emphasis-position: over | 99 2022-03-01 | 108 2022-12-13 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-position: right | 62 2017-10-17 | 46 2016-04-26 | 79 2020-01-15 | 49 2017-11-08 | 8 2014-10-16 |
text-emphasis-position: under | 99 2022-03-01 | 108 2022-12-13 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: wartość | 99 2022-03-01 | 46 2016-04-26 | 99 2022-03-03 | 85 2022-03-23 | 7 2013-10-22 |
text-emphasis-style: circle | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: dot | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: double-circle | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: filled | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: none | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: sesame | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-emphasis-style: triangle | 99 2022-03-01 | ≤72 2020-01-07 | 99 2022-03-03 | 85 2022-03-23 | ≤13.1 2020-03-24 |
text-shadow: wartość | 2 2009-05-21 | 3.5 2009-06-30 | 12 2015-07-29 | 9.5 2008-06-12 | 1.1 2003-10-24 |
text-underline-position: wartość | 33 2014-02-20 | 74 2020-03-10 | 12 2015-07-29 | 20 2014-03-04 | 12.1 2019-03-25 |
text-underline-position: left | 71 2018-12-04 | 74 2020-03-10 | 79 2020-01-15 | 58 2019-01-23 | 18.2 2024-12-11 |
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 |
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 | |
|---|---|---|---|---|---|
shape-outside: wartość | 37 2014-08-26 | 62 2018-09-05 | 79 2020-01-15 | 24 2014-09-02 | 10.1 2017-03-27 |
shape-outside: image | 37 2014-08-26 | 62 2018-09-05 | 79 2020-01-15 | 24 2014-09-02 | 10.1 2017-03-27 |
shape-outside: none | 37 2014-08-26 | 62 2018-09-05 | 79 2020-01-15 | 24 2014-09-02 | 10.1 2017-03-27 |
shape-image-threshold: wartość | 37 2014-08-26 | 62 2018-09-05 | 79 2020-01-15 | 24 2014-09-02 | 10.1 2017-03-27 |
shape-margin: wartość | 37 2014-08-26 | 62 2018-09-05 | 79 2020-01-15 | 24 2014-09-02 | 10.1 2017-03-27 |
Maskowanie CSS
Źródło: CSS Masking Module Level 1
clip
- 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
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
clip: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
clip: auto | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
clip-path: wartość | 55 2016-12-01 | 3.5 2009-06-30 | 79 2020-01-15 | 42 2016-12-13 | 9.1 2016-03-21 |
clip-rule: wartość | ≤15 2011-10-25 | 3.5 2009-06-30 | 79 2020-01-15 | 15 2013-07-02 | ≤5 2010-06-07 |
clip-rule: evenodd | ≤15 2011-10-25 | 3.5 2009-06-30 | 79 2020-01-15 | 15 2013-07-02 | ≤5 2010-06-07 |
clip-rule: nonzero | ≤15 2011-10-25 | 3.5 2009-06-30 | 79 2020-01-15 | 15 2013-07-02 | ≤5 2010-06-07 |
mask: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-border: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-border-outset: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-border-repeat: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-border-slice: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-border-source: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-border-width: wartość | 1 2008-12-11 | ❌ | 79 2020-01-15 | 15 2013-07-02 | 17.2 2023-12-11 |
mask-clip: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-composite: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-composite: add | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-image: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | ❌ | 15.4 2022-03-14 |
mask-mode: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-mode: alpha | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-mode: luminance | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
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 |
mask-origin: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-position: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-repeat: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-size: wartość | 120 2023-12-05 | 53 2017-04-19 | 120 2023-12-07 | 106 2023-12-19 | 15.4 2022-03-14 |
mask-type: wartość | 24 2013-01-10 | 35 2015-01-13 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
mask-type: alpha | 24 2013-01-10 | 35 2015-01-13 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
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
- 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
text-align
- 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
- 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
- Wartość
none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana- Inicjalizacja
- none
- Zastosowanie
- tekst
- Dziedziczenie
- tak
- Procenty
- nie
white-space
- 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
- 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
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
hanging-punctuation: wartość | ❌ | ❌ | ❌ | ❌ | 🔷 10 2016-09-20 |
hanging-punctuation: allow-end | ❌ | ❌ | ❌ | ❌ | ≤13.1 2020-03-24 |
hanging-punctuation: first | ❌ | ❌ | ❌ | ❌ | ≤13.1 2020-03-24 |
hanging-punctuation: last | ❌ | ❌ | ❌ | ❌ | ≤13.1 2020-03-24 |
hanging-punctuation: none | ❌ | ❌ | ❌ | ❌ | ≤13.1 2020-03-24 |
hyphens: wartość | 55 2016-12-01 | 43 2015-12-15 | 79 2020-01-15 | 42 2016-12-13 | 17 2023-09-18 |
hyphens: auto | 88 2021-01-19 | 6 2011-08-16 | 88 2021-01-21 | 74 2021-02-02 | 5.1 2011-07-20 |
letter-spacing: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
letter-spacing: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
line-break: wartość | 58 2017-04-19 | 69 2019-09-03 | 14 2016-08-02 | 45 2017-05-10 | 11 2017-09-19 |
line-break: anywhere | 83 2020-05-19 | 69 2019-09-03 | 83 2020-05-21 | 69 2020-06-24 | 13 2019-09-19 |
line-break: auto | ≤83 2020-05-19 | ≤72 2020-01-07 | ≤83 2020-05-21 | ≤69 2020-06-24 | ≤13.1 2020-03-24 |
line-break: loose | ≤83 2020-05-19 | ≤72 2020-01-07 | ≤83 2020-05-21 | ≤69 2020-06-24 | ≤13.1 2020-03-24 |
line-break: normal | 1 2008-12-11 | ≤72 2020-01-07 | 79 2020-01-15 | 15 2013-07-02 | 2 2005-04-29 |
line-break: strict | ≤83 2020-05-19 | ≤72 2020-01-07 | ≤83 2020-05-21 | ≤69 2020-06-24 | ≤13.1 2020-03-24 |
overflow-wrap: wartość | 23 2012-11-06 | 49 2016-09-20 | 18 2018-10-02 | 12.1 2012-11-20 | 7 2013-10-22 |
overflow-wrap: anywhere | 80 2020-02-04 | 65 2019-01-29 | 80 2020-02-07 | 67 2020-03-03 | 15.4 2022-03-14 |
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 |
overflow-wrap: normal | 1 2008-12-11 | 3.5 2009-06-30 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
tab-size: wartość | 21 2012-07-31 | 91 2021-08-10 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
tab-size: length | 42 2015-04-14 | 53 2017-04-19 | 79 2020-01-15 | 29 2015-04-28 | 13.1 2020-03-24 |
text-align: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
text-align: center | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | ≤4 2009-06-08 |
text-align: end | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | 3.1 2008-03-18 |
text-align: justify | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
text-align: left | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | ≤4 2009-06-08 |
text-align: match-parent | ❌ | 40 2015-08-11 | ❌ | ❌ | 15.4 2022-03-14 |
text-align: right | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | ≤4 2009-06-08 |
text-align: start | 1 2008-12-11 | 1 2004-11-09 | 79 2020-01-15 | 15 2013-07-02 | 3.1 2008-03-18 |
text-align-last: wartość | 47 2015-12-01 | 49 2016-09-20 | 12 2015-07-29 | 34 2015-12-08 | 16 2022-09-12 |
text-align-last: auto | 47 2015-12-01 | 12 2012-04-24 | 12 2015-07-29 | 34 2015-12-08 | 16 2022-09-12 |
text-indent: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
text-indent: each-line | ❌ | 121 2023-12-19 | ❌ | ❌ | 15 2021-09-20 |
text-indent: hanging | ❌ | 121 2023-12-19 | ❌ | ❌ | 15 2021-09-20 |
text-justify: wartość | 32 2014-01-14 | 55 2017-08-08 | 79 2020-01-15 | 19 2014-01-28 | ❌ |
text-justify: auto | ❌ | 55 2017-08-08 | ❌ | ❌ | ❌ |
text-justify: inter-character | ❌ | 55 2017-08-08 | ❌ | ❌ | ❌ |
text-justify: inter-word | ❌ | 55 2017-08-08 | ❌ | ❌ | ❌ |
text-justify: none | ❌ | 55 2017-08-08 | ❌ | ❌ | ❌ |
text-transform: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
text-transform: capitalize | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
text-transform: full-size-kana | ❌ | 64 2018-12-11 | ❌ | ❌ | 17 2023-09-18 |
text-transform: full-width | ❌ | 19 2013-02-19 | ❌ | ❌ | 17 2023-09-18 |
text-transform: lowercase | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
text-transform: none | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
text-transform: uppercase | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
white-space: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 4 2000-06-28 | 1 2003-06-23 |
white-space: break-spaces | 76 2019-07-30 | 69 2019-09-03 | 79 2020-01-15 | 62 2019-06-27 | 13.1 2020-03-24 |
white-space: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
white-space: nowrap | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 4 2000-06-28 | 1 2003-06-23 |
white-space: pre | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 4 2000-06-28 | 1 2003-06-23 |
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 |
white-space: pre-wrap | 1 2008-12-11 | 3 2008-06-17 | 12 2015-07-29 | 8 2005-04-19 | 3 2007-10-26 |
word-break: wartość | 1 2008-12-11 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
word-break: break-all | 1 2008-12-11 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
word-break: break-word | 1 2008-12-11 | 67 2019-05-21 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
word-break: keep-all | 44 2015-07-21 | 15 2012-08-28 | 12 2015-07-29 | 31 2015-08-04 | 9 2015-09-30 |
word-break: normal | 1 2008-12-11 | 15 2012-08-28 | 12 2015-07-29 | 15 2013-07-02 | 3 2007-10-26 |
word-spacing: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
word-spacing: 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
- Wartość
<integer>- Inicjalizacja
- 2
- Zastosowanie
- elementy blokowe zawierające tekst lub elementy inline
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
widows
- Wartość
<integer>- Inicjalizacja
- 2
- Zastosowanie
- elementy blokowe zawierające tekst lub elementy inline
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
box-decoration-break: wartość | 130 2024-10-15 | 32 2014-09-02 | 130 2024-10-17 | 115 2024-11-27 | ❌ |
box-decoration-break: clone | 130 2024-10-15 | 32 2014-09-02 | 130 2024-10-17 | 115 2024-11-27 | 7 2013-10-22 |
box-decoration-break: slice | 130 2024-10-15 | 32 2014-09-02 | 130 2024-10-17 | 115 2024-11-27 | 7 2013-10-22 |
break-after: wartość | 50 2016-04-13 | 65 2019-01-29 | 12 2015-07-29 | 37 2016-05-04 | 10 2016-09-20 |
break-after: auto | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: avoid | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: avoid-column | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: avoid-page | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: column | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: left | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: page | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: recto | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: right | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-after: verso | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: wartość | 50 2016-04-13 | 65 2019-01-29 | 12 2015-07-29 | 37 2016-05-04 | 10 2016-09-20 |
break-before: auto | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: avoid | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: avoid-column | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: avoid-page | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: column | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: left | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: page | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: recto | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: right | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-before: verso | ≤80 2020-02-04 | ❌ | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-inside: wartość | 50 2016-04-13 | 65 2019-01-29 | 12 2015-07-29 | 37 2016-05-04 | 10 2016-09-20 |
break-inside: auto | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-inside: avoid | ≤80 2020-02-04 | ≤72 2020-01-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-inside: avoid-column | ≤80 2020-02-04 | 92 2021-09-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
break-inside: avoid-page | ≤80 2020-02-04 | 92 2021-09-07 | ≤80 2020-02-07 | ≤67 2020-03-03 | ≤13.1 2020-03-24 |
orphans: wartość | 25 2013-02-21 | ❌ | 12 2015-07-29 | 9.2 2007-04-11 | 1.3 2005-04-15 |
widows: wartość | 25 2013-02-21 | ❌ | 12 2015-07-29 | 9.2 2007-04-11 | 1.3 2005-04-15 |
Przekształcenia CSS
Źródło: CSS Transforms Module Level 1
transform
Przekształcenia
- Wartość
none | <transform-list>- Inicjalizacja
- none
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- odnosi się do rozmiaru obszaru odniesienia
transform-box
Obszar odniesienia przekształcenia
- Wartość
content-box | border-box | fill-box | stroke-box | view-box- Inicjalizacja
- view-box
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- nie
transform-origin
Początek przekształcenia
- Wartość
[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>?- Inicjalizacja
- 50% 50%
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- odnosi się do rozmiaru obszaru odniesienia
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
transform: wartość | 36 2014-07-16 | 16 2012-10-09 | 12 2015-07-29 | 23 2014-07-22 | 9 2015-09-30 |
transform-box: wartość | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | 11 2017-09-19 |
transform-box: border-box | 118 2023-10-10 | 55 2017-08-08 | 118 2023-10-13 | 104 2023-10-23 | 13.1 2020-03-24 |
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 |
transform-box: fill-box | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | ≤13.1 2020-03-24 |
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 |
transform-box: view-box | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | ≤13.1 2020-03-24 |
transform-origin: wartość | 36 2014-07-16 | 16 2012-10-09 | 12 2015-07-29 | 23 2014-07-22 | 9 2015-09-30 |
transform-origin: bottom | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: center | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: left | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: right | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: top | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
Komponowanie i mieszanie CSS
Źródło: Compositing and Blending Level 1
mix-blend-mode
Tryb mieszania
- Wartość
<blend-mode>- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
isolation
Izolacja
- Wartość
<isolation-mode>- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
background-blend-mode
Tryb mieszania tła
- Wartość
<blend-mode>- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
- Media
- visual
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
mix-blend-mode: wartość | 41 2015-03-03 | 32 2014-09-02 | 79 2020-01-15 | 28 2015-03-10 | 8 2014-10-16 |
isolation: wartość | 41 2015-03-03 | 36 2015-02-24 | 79 2020-01-15 | 30 2015-06-09 | 8 2014-10-16 |
background-blend-mode: wartość | 35 2014-05-20 | 30 2014-06-10 | 79 2020-01-15 | 22 2014-06-03 | 8 2014-10-16 |
Układ siatki CSS
Źródło: CSS Grid Layout Module Level 1
grid
Atrybuty mieszane układu siatki
- Wartość
<'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? | [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>- Inicjalizacja
- none
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- zobacz cechy indywidualne
- Procenty
- zobacz cechy indywidualne
grid-area
Obszar układu siatki
- Wartość
<grid-line> [ / <grid-line> ]{0,3}- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-auto-columns
Automatyczne kolumny układu siatki
- Wartość
<track-size>+- Inicjalizacja
- auto
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- zobacz grid-template-columns i grid-template-columns
grid-auto-flow
Automatyczny przepływ układu siatki
- Wartość
[ row | column ] || dense- Inicjalizacja
- row
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-auto-rows
Automatyczne wiersze układu siatki
- Wartość
<track-size>+- Inicjalizacja
- auto
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- zobacz grid-template-columns i grid-template-columns
grid-column
Atrybuty mieszane kolumny układu siatki
- Wartość
<grid-line> [ / <grid-line> ]?- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-column-end
Kolumna końcowa układu siatki
- Wartość
<grid-line>- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-column-start
Kolumna początkowa układu siatki
- Wartość
<grid-line>- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-row
Wiersz układu siatki
- Wartość
<grid-line> [ / <grid-line> ]?- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-row-end
Wiersz końcowy układu siatki
- Wartość
<grid-line>- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-row-start
Wiersz początkowy układu siatki
- Wartość
<grid-line>- Inicjalizacja
- auto
- Zastosowanie
- dzieci kontenera układu siatki i elementy pozycjonowane absolutnie, których blok obejmujący jest kontenerem układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-template
Szablon układu siatki
- Wartość
none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>? <string> <track-size>? <line-names>? ]+ [ / <explicit-track-list> ]?- Inicjalizacja
- none
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- zobacz cechy indywidualne
- Procenty
- zobacz cechy indywidualne
grid-template-areas
Obszary szablonu układu siatki
- Wartość
none | <string>+- Inicjalizacja
- none
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
grid-template-columns
Kolumny szablonu układu siatki
- Wartość
none | <track-list> | <auto-track-list>- Inicjalizacja
- none
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- odnosi się do odpowiedniego wymiaru obszaru zawartości
grid-template-rows
Wiersze szablonu układu siatki
- Wartość
none | <track-list> | <auto-track-list>- Inicjalizacja
- none
- Zastosowanie
- kontenery układu siatki
- Dziedziczenie
- nie
- Procenty
- odnosi się do odpowiedniego wymiaru obszaru zawartości
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
grid: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-area: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-auto-columns: wartość | 57 2017-03-09 | 70 2019-10-22 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-auto-flow: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-auto-flow: column | 57 2017-03-09 | 52 2017-03-07 | 79 2020-01-15 | 44 2017-03-21 | 10.1 2017-03-27 |
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 |
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 |
grid-auto-rows: wartość | 57 2017-03-09 | 70 2019-10-22 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-column: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-column-end: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-column-start: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-row: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-row-end: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-row-start: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template: none | 57 2017-03-09 | 52 2017-03-07 | 79 2020-01-15 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template-areas: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template-areas: none | 57 2017-03-09 | 52 2017-03-07 | 79 2020-01-15 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template-columns: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template-columns: auto | 57 2017-03-09 | 52 2017-03-07 | 79 2020-01-15 | 44 2017-03-21 | 10.1 2017-03-27 |
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 |
grid-template-rows: wartość | 57 2017-03-09 | 52 2017-03-07 | 16 2017-10-17 | 44 2017-03-21 | 10.1 2017-03-27 |
grid-template-rows: auto | 57 2017-03-09 | 52 2017-03-07 | 79 2020-01-15 | 44 2017-03-21 | 10.1 2017-03-27 |
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
- Wartość
[ <display-outside> || <display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy>- Inicjalizacja
- inline
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
order
- Wartość
<integer>- Inicjalizacja
- 0
- Zastosowanie
- dzieci kontenera elastycznego i dzieci kontenera układu siatki
- Dziedziczenie
- nie
- Procenty
- nie
visibility
- Wartość
visible | hidden | collapse- Inicjalizacja
- visible
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
display: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
display: inline | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
order: wartość | 29 2013-08-20 | 20 2013-04-02 | 12 2015-07-29 | 12.1 2012-11-20 | 9 2015-09-30 |
visibility: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 4 2000-06-28 | 1 2003-06-23 |
visibility: collapse | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 4 2000-06-28 | 1.3 2005-04-15 |
visibility: hidden | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
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 | |
|---|---|---|---|---|---|
will-change: wartość | 36 2014-07-16 | 36 2015-02-24 | 79 2020-01-15 | 23 2014-07-22 | 9.1 2016-03-21 |
will-change: 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
- Wartość
<'margin-top'>{1,4}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-bottom
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-left
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-right
- Wartość
<length-percentage> | auto- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
margin-top
- 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
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-left
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-right
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
padding-top
- Wartość
<length-percentage>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- odnosi się do logicznej szerokości bloku obejmującego
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
margin: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-bottom: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-bottom: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-left: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-left: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-right: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-right: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-top: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
margin-top: auto | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
padding: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
padding-bottom: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
padding-left: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
padding-right: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
padding-top: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
Kaskadowość i dziedziczenie CSS
Źródło: CSS Cascading and Inheritance Level 4
all
- Wartość
initial | inherit | unset | revert- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- zobacz cechy indywidualne
- Dziedziczenie
- zobacz cechy indywidualne
- Procenty
- zobacz cechy indywidualne
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
all: wartość | 37 2014-08-26 | 27 2014-02-04 | 79 2020-01-15 | 24 2014-09-02 | 9.1 2016-03-21 |
Przyciąganie przewijania CSS
Źródło: CSS Scroll Snap Module Level 1
scroll-margin
Margines przewijania
- Wartość
<length>{1,4}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-block
Blok marginesu przewijania
- Wartość
<length>{1,2}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-block-end
Koniec bloku marginesu przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-block-start
Początek bloku marginesu przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-bottom
Dolny margines przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-inline
Margines przewijania inline
- Wartość
<length>{1,2}- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-inline-end
Koniec marginesu przewijania inline
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-inline-start
Początek marginesu przewijania inline
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-left
Lewy margines przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-right
Prawy margines przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-margin-top
Górny margines przewijania
- Wartość
<length>- Inicjalizacja
- 0
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-padding
Wewnętrzny margines przewijania
- Wartość
[ auto | <length-percentage> ]{1,4}- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do odpowiedniego wymiaru obszaru przewijania
scroll-padding-block
Blok wewnętrznego marginesu przewijania
- Wartość
[ auto | <length-percentage> ]{1,2}- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-block-end
Koniec bloku wewnętrznego marginesu przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-block-start
Początek bloku wewnętrznego marginesu przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-bottom
Dolny wewnętrzny margines przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-inline
Wewnętrzny margines przewijania inline
- Wartość
[ auto | <length-percentage> ]{1,2}- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-inline-end
Koniec wewnętrznego marginesu przewijania inline
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-inline-start
Początek wewnętrznego marginesu przewijania inline
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-left
Lewy wewnętrzny margines przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-right
Prawy wewnętrzny margines przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-padding-top
Górny wewnętrzny margines przewijania
- Wartość
auto | <length-percentage>- Inicjalizacja
- auto
- Zastosowanie
- kontenery przewijania
- Dziedziczenie
- nie
- Procenty
- odnosi się do obszaru przewijania
scroll-snap-align
Wyrównanie przyciągania przewijania
- Wartość
[ none | start | end | center ]{1,2}- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-snap-stop
Zatrzymanie przyciągania przewijania
- Wartość
normal | always- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
scroll-snap-type
Typ przyciągania przewijania
- Wartość
none | [ x | y | block | inline | both ] [ mandatory | proximity ]?- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- nie
- Procenty
- nie
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
scroll-margin: wartość | 69 2018-09-04 | 90 2021-07-13 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-margin-block: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-block-end: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-block-start: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-bottom: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-margin-inline: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-inline-end: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-inline-start: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-margin-left: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-margin-right: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-margin-top: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-padding: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-padding: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-padding-block: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-block: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-block-end: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-block-end: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-block-start: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-block-start: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-bottom: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-padding-inline: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-inline: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-inline-end: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-inline-end: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-inline-start: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-inline-start: auto | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 15 2021-09-20 |
scroll-padding-left: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-padding-right: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-padding-top: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 14.1 2021-04-26 |
scroll-snap-align: wartość | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-align: center | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-align: end | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-align: none | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-align: start | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-stop: wartość | 75 2019-06-04 | 103 2022-07-26 | 79 2020-01-15 | 62 2019-06-27 | 15 2021-09-20 |
scroll-snap-stop: always | 75 2019-06-04 | 103 2022-07-26 | 79 2020-01-15 | 62 2019-06-27 | 15 2021-09-20 |
scroll-snap-stop: normal | 75 2019-06-04 | 103 2022-07-26 | 79 2020-01-15 | 62 2019-06-27 | 15 2021-09-20 |
scroll-snap-type: wartość | 69 2018-09-04 | 99 2022-04-05 | 79 2020-01-15 | 56 2018-09-25 | 11 2017-09-19 |
scroll-snap-type: block | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
scroll-snap-type: both | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
scroll-snap-type: inline | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
scroll-snap-type: none | 69 2018-09-04 | 39 2015-07-02 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
scroll-snap-type: x | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
scroll-snap-type: y | 69 2018-09-04 | 68 2019-07-09 | 79 2020-01-15 | 56 2018-09-25 | ≤13.1 2020-03-24 |
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 | |
|---|---|---|---|---|---|
scrollbar-color: wartość | 121 2024-01-23 | 64 2018-12-11 | 121 2024-01-25 | 107 2024-02-07 | ❌ |
scrollbar-color: auto | 121 2024-01-23 | 64 2018-12-11 | 121 2024-01-25 | 107 2024-02-07 | ❌ |
scrollbar-width: wartość | 121 2024-01-23 | 64 2018-12-11 | 121 2024-01-25 | 107 2024-02-07 | 18.2 2024-12-11 |
scrollbar-width: auto | 121 2024-01-23 | 64 2018-12-11 | 121 2024-01-25 | 107 2024-02-07 | 18.2 2024-12-11 |
scrollbar-width: none | 121 2024-01-23 | 64 2018-12-11 | 121 2024-01-25 | 107 2024-02-07 | 18.2 2024-12-11 |
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
print-color-adjust
Oszczędzanie atramentu
- Wartość
economy | exact- Inicjalizacja
- economy
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | |
|---|---|---|---|---|---|
color-adjust: wartość | ❌ | ≤72 2020-01-07 | ❌ | ❌ | 15.4 2022-03-14 |
color-scheme: wartość | 81 2020-04-07 | 96 2022-01-11 | 81 2020-04-13 | 68 2020-04-22 | 13 2019-09-19 |
color-scheme: dark | 81 2020-04-07 | 96 2022-01-11 | 81 2020-04-13 | 68 2020-04-22 | 13 2019-09-19 |
color-scheme: light | 81 2020-04-07 | 96 2022-01-11 | 81 2020-04-13 | 68 2020-04-22 | 13 2019-09-19 |
color-scheme: normal | 81 2020-04-07 | 96 2022-01-11 | 81 2020-04-13 | 68 2020-04-22 | 13 2019-09-19 |
forced-color-adjust: wartość | 89 2021-03-02 | 113 2023-05-09 | 79 2020-01-15 | 75 2021-03-24 | ❌ |
forced-color-adjust: auto | 89 2021-03-02 | 113 2023-05-09 | 79 2020-01-15 | 75 2021-03-24 | ❌ |
forced-color-adjust: none | 89 2021-03-02 | 113 2023-05-09 | 79 2020-01-15 | 75 2021-03-24 | ❌ |
forced-color-adjust: preserve-parent-color | 106 2022-09-27 | ❌ | 106 2022-10-03 | 92 2022-10-19 | ❌ |
print-color-adjust: wartość | ❌ | 97 2022-02-08 | ❌ | ❌ | 15.4 2022-03-14 |
print-color-adjust: economy | ❌ | 97 2022-02-08 | ❌ | ❌ | 6 2012-07-25 |
print-color-adjust: exact | ❌ | 97 2022-02-08 | ❌ | ❌ | 6 2012-07-25 |