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 |