Anasayfa / Yazılım / HTML / CSS / CSS Border Özelliği

CSS Border Özelliği

CSS’de en çok kullanmış olduğumuz özelliklerden birisi de Border özelliğidir. Bu özelliğin bazı detaylarına değinmek istiyorum. Border için genişlik değeri için kullanılabilecek değerler,

Direkt olarak bir uzunluk verilebilir. Bu uzunluk em, px, cm tipinde olabilir. 5em, 3cm, 40px gibi..
Genişlik yüzde olarakda verilebilir. 50%, 30% gibi..

thin
medium
thick

gibi standart tanımlamalarda mevcuttur.

Borderda bir diğer değer verilebilecek kriterde border stilidir. Yani border-style. Alttaki resimden bu değerleri ve nasıl bir border stili çizileceğini görebilirsiniz. none kullanılması durumunda hiç bir kenar çizgisi olmaz.

Border özelliğinin detaylarına indikçe alt özelliklerini de görebiliriz. Aşağıdaki listede de border özelliğinin alt tanımlamalarını görebilirsiniz..

border-top-color: red;
border-top-style: solid;
border-top-width: thin;
border-bottom-color: yellow;
border-bottom-style: solid;
border-bottom-width: thin;
border-left-color: blue;
border-left-style: solid;
border-left-width: thin;
border-right-color: white;
border-right-style: solid;
border-right-width: thin;

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir