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 | |
|---|---|---|---|---|---|
selektor { image-orientation: wartość } | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 67 2020-03-03 | 13.1 2020-03-24 |
selektor { image-orientation: from-image } | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 68 2020-04-22 | 13.1 2020-03-24 |
selektor { image-orientation: none } | 81 2020-04-07 | 26 2013-12-10 | 81 2020-04-13 | 68 2020-04-22 | 13.1 2020-03-24 |
selektor { image-rendering: wartość } | 13 2011-08-02 | 3.6 2010-01-21 | 79 2020-01-15 | 15 2013-07-02 | 6 2012-07-25 |
selektor { image-rendering: auto } | 13 2011-08-02 | 3.6 2010-01-21 | 79 2020-01-15 | 15 2013-07-02 | 6 2012-07-25 |
selektor { image-rendering: crisp-edges } | 13 2011-08-02 | 65 2019-01-29 | 79 2020-01-15 | 15 2013-07-02 | 7 2013-10-22 |
selektor { image-rendering: pixelated } | 41 2015-03-03 | 93 2021-10-05 | 79 2020-01-15 | 26 2014-12-03 | 10 2016-09-20 |
selektor { image-rendering: smooth } | ❌ | 93 2021-10-05 | ❌ | ❌ | ❌ |
selektor { object-fit: wartość } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-fit: contain } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-fit: cover } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-fit: fill } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-fit: none } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-fit: scale-down } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |
selektor { object-position: wartość } | 32 2014-01-14 | 36 2015-02-24 | 79 2020-01-15 | 19 2014-01-28 | 10 2016-09-20 |