Obramowanie CSS nie pojawia się w przeglądarce

Question

Moja ramka nie pojawia się wokół mojego obrazu, nie jestem do końca pewny, jaki może być problem. Potrzebuję tylko małej czarnej ramki wokół zdjęcia. Moja strona internetowa to http://www.welovetile.com. Nie wiem, jaki może być problem. Dzięki.

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> 

Answer 1

Brakuje:

border-style: solid; 

Answer 2

Krawędzie mają trzy główne części: szerokość, styl i kolor; styl jest wymagany, aby którykolwiek z pozostałych działał.

spróbuj dodać styl:

border-style: solid; 

Ponadto, można określić to wszystko w tym samym wierszu CSS:

border: thin solid black; 

Updated

Jak podkreślił Wesley, styl graniczny jest jedynym wymaganym.

Od http://www.w3schools.com/css/css_border.asp:

Żaden z właściwościami granicznej będą miały żadnego wpływu, chyba że border-style właściwość jest ustawiona!

Answer 3

Można umieścić szerokość granicy/Styl/koloru w jednym rzędzie tak:

Border: 1px solid black; 

Answer 4

Dodaj właściwość stylu granicznej, jak również, na przykład border-style: solid;.

Answer 5

spróbować tego:

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