CSS Outside Border

Я хочу нарисовать границу ВНЕ моего Div! Итак, если мой div имеет размер 20 пикселей на 20 пикселей, мне нужна граница в 1 пиксель за пределами этого (так что, по сути, я получаю div размером 22x22 пикселей).

Я понимаю, что могу просто сделать div 22x22 для начала, но по причинам, которые у меня есть, мне нужно, чтобы границы были снаружи.

CSS outline работает, но мне нужны только элементы border-bottom или border-top, поэтому мне нужно что-то вроде outline-bottom, которое не работает.

Есть ли способ сделать это?

Спасибо