Border из box-shadow в CSS

Иногда, при верстке табов или других совмещенных друг с другом элементов с границами необходимо, чтобы граница была внутри самого элемента.

То есть у блочного элемента должен быть как бы border-collapse, например вот такие табы:

для статьи о box-shadow

Можно конечно юзать всякие:

margin-left: -1px; 
margin-top: -1px;

Но, как показывает практика, это не всегда актуально. 

В CSS есть еще один неочевидный способ сделать элементу внутреннюю границу:

-webkit-box-shadow: inset 0 0 0 1px #d7d6d4; 
-moz-box-shadow: inset 0 0 0 1px #d7d6d4; 
-o-box-shadow: inset 0 0 0 1px #d7d6d4; 
-ms-box-shadow: inset 0 0 0 1px #d7d6d4; 
box-shadow: inset 0 0 0 1px #d7d6d4;

Где #d7d6d4 - это цвет вашей границы. Очень полезный иногда прием, добавляем в закладки.

30 Декабря 2015
Последние новости
29 Сентября 2016
Создан интернет-магазин для компании «Надеко»
29 Июля 2016
Создан сайт для компании «ACS Termal»
Сделать заказ
Нужен интернет-магазин?