Border Nedir ?

Border Nedir ?
İngilizce'de border sınır demektir.
Örneğin country border's - ülke sınırları

Farklı Anlamları
On tane farklı anlamları vardır.
Bunlar sınır, kenar, kenarlık, çerçevelemek, kenar süsü, hudut, bitişik olmak, sınır koymak,
sınır komşusu olmak ve benzer olmak anlamlarıdır.

Css'de Border Nedir ?

Html Kodu
<div class"border"> </div>

Css Kodu
.border{<br /> <span style="color: #444444;">border-top:2px solid #b31313; </span><span style="color: #444444;">  </span><span style="color: #444444;">/* Yukarı kenar 1pixel gri renk */</span><br /> <span style="color: #444444;">border-left:2px solid #08b8ca;  </span><span style="color: #444444;"> </span><span style="color: #444444;">/* sol kenar 1pixel gri renk */</span><br /> <span style="color: #444444;">border-right:2px solid #0072ff; </span><span style="color: #444444;"> </span><span style="color: #444444;">/* sağ kenar 1pixel gri renk */</span><br /> <span style="color: #444444;">border-bottom:2px solid #f00; </span><span style="color: #444444;"> </span><span style="color: #444444;">/* aşağı kenar 1pixel gri renk */</span><br /> <span style="color: #444444;">width: 150px; </span><span style="color: #444444;">/* 150px genişik verdik */</span><br /> <span style="color: #444444;">height: 150px; </span><span style="color: #444444;">/* 150px yükseklik verdik*/</span><br /> }
Canlı Demosu

Eğer "width" ve "height" vermezsek, verdiğimiz kenarlar gözükmez.
Çünkü kenarları görebilmek için bir genişlik, alan lazım vermemiz gerekir.

Yukarıda ki tüm kodlar yerine tek bir kodla, tüm kenar oluşturabiliriz.
<div class"border"> </div>
Css Kodu
.border{<br /> <span style="color: #444444;">border:1px solid #ccc;     /* Tüm kenarlar 1pixel gri renk */</span><br /> <span style="color: #444444;">width: 150px; </span><span style="color: #444444;">/* 150px genişik verdik */</span><br /> <span style="color: #444444;">height: 150px; </span><span style="color: #444444;">/* 150px yükseklik verdik*/</span><br /> } Okunuşu: Bordır