Добавляет отступ 20px внутри каждого элемента

Создаёт отступ 20px между flex-элементами

Добавляет padding 20px к родителю

3 ['a', 1]

3 { a: 1 }

1 ['a', 1]

false false

true false

true true

Тёмную рамку вокруг элемента

Полупрозрачный чёрный слой на весь родитель

Тень под элементом

1 5

0 5

1 3

1

5

3

Для фиксированного размера изображения

Для адаптивного изображения без искажений

Для центрирования изображения

false

undefined

true

4 4

2 3

2 4

Синяя рамка толщиной 2px

Красный outline толщиной 3px вокруг синей рамки

Только красный outline толщиной 3px