object fit css

1img {
2    width: 100%;
3    height: 100%; 
4    object-fit: contain;
5}

1body {
2  margin: 0;
3}
4img {
5  display: block;
6  width: 100vw;
7  height: 100vh;
8  object-fit: cover;
9}

1/* Valeurs avec un mot-clé */
2object-fit: fill;
3object-fit: contain;
4object-fit: cover;
5object-fit: none;
6object-fit: scale-down;
7
8/* Valeurs globales */
9object-fit: inherit;
10object-fit: initial;
11object-fit: unset;
12

1overflow: 'hidden',
2backgroundSize : 'contain',
3

1img{
2  object-fit: cover|contain|fill|none|scale-down;
3}

1h2 {
2  font-family: Courier New, monospace;
3  font-size: 1em;
4  margin: 1em 0 0.3em;
5}
6
7img {
8  width: 150px;
9  height: 100px;
10  border: 1px solid #000;
11  margin: 10px 0;
12}
13
14.narrow {
15  width: 100px;
16  height: 150px;
17}
18
19.fill {
20  object-fit: fill;
21}
22
23.contain {
24  object-fit: contain;
25}
26
27.cover {
28  object-fit: cover;
29}
30
31.none {
32  object-fit: none;
33}
34
35.scale-down {
36  object-fit: scale-down;
37}