У меня есть h1, на котором я определил следующие стили:
h1
{ text-align: center;
border: double black 1px;
padding: 1em;
margin: 1em;
}
Здесь JSfiddle: http://jsfiddle.net/KatieK/Hs3ZQ/
Я установил стиль border в double, но я вижу только одну выделенную границу. Почему это не двойной рендеринг?
double отображает две прямые линии, которые составляют величину пикселя, определяемую как ширина границы (источник).
Вам нужно использовать не менее 3 пикселей.
h1
{ text-align: center;
border: double black 3px;
padding: 1em;
margin: 1em;
}
1px слишком тонкий, чтобы сделать двойную границу, вам нужно будет сделать границу толще.
h1
{ text-align: center;
border: double black 3px;
padding: 1em;
margin: 1em;
}
Для двойной границы вам нужно установить ширину границы не менее 3px на увидеть эффект.
Удаление 1px из CSS будет работать...
h1
{ text-align: center;
border: double black;
padding: 1em;
margin: 1em;
}
см. обновленную скрипту: http://jsfiddle.net/Hs3ZQ/5/