Граница не появляется

Моя граница не отображается вокруг моего изображения, я не совсем уверен, в чем может быть проблема. Мне просто нужна маленькая черная рамка вокруг фотографии. Мой сайт http://www.welovetile.com. Я не могу понять, в чем может быть проблема. Благодарю.

CSS:

#kitchen {
        height:250px;
        width:346px;
        background-image:url(images/kitchenbg.jpg);
    }

        #kitchen img
        {   
            top: 50%;
            left: 50%;
            width: 316px;
            height: 228px;
            margin-top:11px;
            margin-left:15px;
            border-color:#000000;
            border-width:thin;
        }

HTML:

<div id="kitchen">
    <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>

Ответы

Ответ 1

Границы имеют три основные части: ширину, стиль и цвет; стиль необходим для работы любого из других.

Попробуйте добавить стиль:

border-style: solid;

Кроме того, вы можете указать все это в одной строке css:

border: thin solid black;

Обновлено

Как указывал Уэсли, пограничный стиль является единственным необходимым.

Из http://www.w3schools.com/css/css_border.asp:

Ни один из свойств границы не будет иметь никакого эффекта, если не установлено свойство border-style!

Ответ 2

Вы можете поместить границу ширины/стиля/цвета в одну строку следующим образом:

Border: 1px solid black;

Ответ 3

Вам не хватает:

border-style: solid;

Ответ 4

Добавьте свойство стиля границы, например border-style: solid;.

Ответ 5

попробуйте следующее:

border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;