object-fit

Lastnost object-fit se uporablja za določanje, kako naj se spremeni velikost <img> ali <video>, da se prilega svojemu vsebniku. Ta lastnost sporoča vsebini, naj zapolni vsebnik na različne načine, da ohrani razmerje stranic, ali, da se raztegne in zavzame čim več prostora.

<!DOCTYPE html>
<html lang="sl">
<head>
    <meta charset="UTF-8">
    <title>object-fit</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<h3>object-fit: cover;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="cover">

<h3>object-fit: fill;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="fill">

<h3>object-fit: none;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="none">

<h3>object-fit: unset;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="unset">

<h3>object-fit: scale-down;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="scaleDown">

<h3>object-fit: initial;</h3>
<img src="/demo/smiley.png" alt="Smeško" class="initial">
</body>
</html>