Merhabalar, bugün sizlere Border Width ve Border Color hakkında ufak bilgiler vereceğim.

Ö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ı