0

Допустим, есть такой класс:

.star{   
border:1px dotted #FFFFFF;  
}

В разных браузерах расстояние между точками бордера разное. Как сделать, что бы между ними был 1 пиксель и не больше?

2
  • 2
    Никак в CSS, но можете сделать бэкграундом.
    – Deonis
    20 янв 2013 в 18:04
  • Однопиксельный dotted во всех современных браузерах одинаковый. Но если не нравится, то появился border-image, который можно настроить.
    – Qwertiy
    27 авг 2018 в 16:33

1 ответ 1

1

Проще всего не "изобретать велосипед" а использовать

background:url('dоted.png') left bottom repeat-x;

тогда расстояние между dots будет именно таким каким было изначально заданно при отрисовки!

7
  • очень интересно, а как же быть если размер блока различен?
    – Gedweb
    20 янв 2013 в 18:11
  • 1
    background-position:bottom;htmlbook.ru/css/background-position
    – koza4ok
    20 янв 2013 в 19:13
  • @koza4ok, давно в курсе, очень давно. Отсюда вопрос - как вы так собираетесь обрисовать все 4 стороны? Если только перечислением фонов, но это CSS 3
    – Gedweb
    20 янв 2013 в 19:48
  • 2
    да не похоже ты точно не в курсе! Если принципиально стоит задача одинакового отображения в большинстве браузерах, то самый простой способ использовать background, на подобие jsfiddle.net/J8QEa/1 ,либо делать костыли на js которые будут нагружать систему и не будут работать в старых версиях IE,
    – Cone
    21 янв 2013 в 9:30
  • 2
    @Gedweb, если есть задача "любой ценой", а стандартных средств для решения нет, то и способ, предложенный @Cone, заслуживает внимания.
    – Deonis
    21 янв 2013 в 9:59

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.