CSS Kenarlık Genişliği

CSS Kenarlık Genişliği

border-width Özellik dört kenar genişliğini belirtir.

Genişliği belirli bir boyuta (px, pt, cm, em ile) ayarlayabilir veya aşağıdaki üç önceden tanımlanmış değerlerden birini kullanabilirsiniz: ince, orta veya kalın:

Örnek

Farklı kenar genişliklerini gösterme:

p.one {
  border-style: solid;
  border-width: 5px;
}
p.two {
  border-style: solid;
  border-width: orta;
}
p.three {
  border-style: noktalı;
  border-width: 2px;
} 
p.four {
  border-style: noktalı;
  border-width: kalın;
}

Sonuç：

5px kenar genişliği

orta kenar genişliği

2px kenar genişliği

kalın kenar genişliği

Kişisel Deneyim

Belirli bir kenarın genişliği

border-width Özellik bir ila dört değer ayarlayabilir (üst çerçeve, sağ çerçeve, alt çerçeve ve sol çerçeve için kullanılır):

Örnek

p.one {
  border-style: solid;
  border-width: 5px 20px; /* Üst ve alt çerçeve 5px, diğer çerçeveler 20px */
}
p.two {
  border-style: solid;
  border-width: 20px 5px; /* Üst ve alt çerçeve 20px, diğer çerçeveler 5px */
}
p.three {
  border-style: solid;
  border-width: 25px 10px 4px 35px; /* Üst çerçeve 25px, sağ çerçeve 10px, alt çerçeve 4px, sol çerçeve 35px */
}

Kişisel Deneyim