Как убрать часть бордера?

Question

[akselian]

С верху справа есть часть которая картинка идёт с верху бордера, а потом ныряет под него, как это сделать? кто подскажет?

Answer 1

[Ivan Bogachev]

Псевдоэлемент, размером с этот блок с бордером, располагаете абсолютным позиционированием ровно над ним. Дальше у псевдоэлемента делает бордер справа, а сверху не делаете. Вот и все. Похожий пример:

Главное - не забывать про pointer-events: none, чтобы не перекрывался доступ к контенту.

Answer 2

[Alex]

Встаньте два блока с картинкой. Один НАД бордером, второй ПОД.

Answer 3

[Юпитер Макс]

дизайнеру бы руки пооторвать )) Делайте псевдоэлементом правый бордер с z-index