По смыслу похоже на background-size, но применяется к <img> и <video>.

<div class="wrapper">
  <img src="photo.jpg" alt="пример">
</div>

<style>
  .wrapper {
    width: 300px;
    height: 200px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

object-fit решает классическую проблему «кривых картинок» в карточках, галереях и адаптивных интерфейсах

Это современная замена margin для управления отступами между, а не вокруг элементов

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
</div>

<style>
  .container {
    display: flex;
    gap: 16px;
  }

  .item {
    padding: 10px;
    background: #007bff;
    color: white;
  }
</style>

const buttons = document.querySelectorAll("button");

const btnArray = Array.from(buttons);
btnArray.forEach(btn => btn.classList.add("active"));

Array.from() — это мост между «псевдомассивами» и полноценными массивами, без костылей и циклов