Как с круглить углы?

Question

[Muslim Mamaev]

Здравствуйте! как скруглить углы внутренней обводки?
outline: 2px dashed red;
outline-offset: -10px;

Answer 1

[Rustam Bainazarov]

Outline закруглить можно только в Firefox.

Такую штуку, как у вас, в силу ограничений кроссбраузерной стилизации outline, делают с помощью, например, отдельного элемента (псевдоэлемента):

Answer 2

[Natalia ivanova]

Один из вариантов такой https://codepen.io/Natalia_ai_ivanova/pen/dyyQRpm

Comments

[Muslim Mamaev]

Обводка вылазит за блока

[Natalia ivanova]

Muslim Mamaev, спасибо. Поправила.

[Muslim Mamaev]

Natalia ivanova, не совсем поправила.При уменьшении окошко,обводка становиться на равне с блоком

[Muslim Mamaev]

Natalia ivanova, я делаю адаптивный дизайн,и поэтому хочу чтобы с телефона норм выглядил

[Rustam Bainazarov]

В процентах лучше не задавать такое (где важны одинаковые отступы по X и Y), т. к. всё будет теперь зависеть от габаритов блока по ширине. Поэтому при сжатии блока расстояние от края до линии меняется вплоть до наложения.