Показать границу элемента без использования свойства border

Question

Я хочу показать тип границы для элемента, но без использования свойства border. Это возможно?

Answer 1

У CSS3 есть два варианта, которые вы могли бы использовать: outline и box-shadow.

Или, если вам требуется поддержка старого браузера, используйте фон div, чтобы создать границу.

Answer 2

outline вместо border. Это также имеет дополнительное преимущество; высота/ширина div не добавляет точек из контура, где он делает это только с border.

Answer 3

Другой вариант

<div style="background-color: black; padding: 2px"> 
    <div style="background-color: white"> 
     hello!! 
    </div> 
</div> 

Fiddler demo

Answer 4

можно использовать :before pseudoelement с указанным width/height и background-color прикладной (конечно pseudoelements не appliable для самозакрывающихся элементов, как img, input, hr, ...)