Öncelikle border width ile başlarsak;
Border width ile herhangi bir html elementinin dört kenarlarınında kalınlık değerlerini ayarlayabiliriz, 4 kenar için 4 parametreye girebiliriz.
Örnek olarak;
border-width: thin medium thick 10px;Üst kenarını ince
Sağ kenarı orta kalınlık
Alt kenar kalın
Sol kenar ise 10px kalınlığı alır.
Aynı zamanda 1 parametre ile birden fazla kenarın özelliklerinide belirleyebiliriz.
border-width: thin medium thick;Üst kenarı ince
Sağ ve sol kenarlar orta kalınlık
Alt kenar kalın.
border-width: thin medium;Üst ve alt kenarlar ince
Sağ ve sol kenarlar orta kalınlık
border-width: thin;Bütün kenarlar ince
Border Color ile aynı şekilde kalınlığını ayarladığımız kenarların renklerini ayarlayabiliriz.
border-color: red green blue pink;Üst kenar kırmızı
Sağ kenar yeşil
Alt kenar mavi
Sol kenar pembe
border-color: red green blue;Üst kenar kırmızı
Sağ ve sol kenar yeşil
Alt kenar mavi
border-color: red green;Üst ve alt kenarlar kırmızı
Sağ ve sol kenarlar yeşil
border-color: red;
Bütün kenarlar kırmızı