Граница HTML и CSS [дублирует] ⇐ Html

[Anonymous]

Как я могу реализовать карты, как те, на картинке? Карта должна иметь обрезанные углы, и эти порезы также должны иметь адаптивную границу.
Я знаю, как обрезать саму карту, но я понятия не имею, как добавить границу.clip-path: polygon(
0 0,
calc(100% - 40px) 0,
100% 40px,
100% 100%,
40px 100%,
0 calc(100% - 40px)
);
-webkit-clip-path: polygon(
0 0,
calc(100% - 40px) 0,
100% 40px,
100% 100%,
40px 100%,
0 calc(100% - 40px)
);


Подробнее здесь: https://stackoverflow.com/questions/797 ... ccs-border