Как сделать пунктирную линию?

Question

[Максим]

Подскажите как сделать чтобы пунктир был и сбоку как на 2м скрине

Писал так: border: 1px dashed #fff



Как нужно:

Answer 1

[Михаил Чирский]

Вроде, что то было через настройку outline, ну оно не кроссбраузерное, а так дизайнеру руки оторвать, чтобы знал, что можно, а что нет.

Вроде это htmlbook.ru/css/outline-offset
ну оно не везде работает, в ие точно

Comments

[Максим]

outline не закругляется. только что попробовал

Answer 2

[0leg5ergeev]

border-style:dotted
но судя по htmlbook.ru/css/border-style dashed - то, что нужно.

Или проблема в чём-то другом?

Comments

[Максим]

по бокам на кнопке есть закругление. оно не пунктируется. 1 картинка как у меня сейчас, а 2 как нужно

[0leg5ergeev]

maxnrg33: border не будет так закругляться, ставьте на фон картинку

Answer 3

[Дмитрий]

это баг в firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=382721
как вариант использовать - htmlbook.ru/css/border-image

Answer 4

[YuraArt]

по старинке края background-image через :before & :after