CSS'de border-width Nedir?

CSS'de border-width, bir sınırın genişliğini belirlemek için kullanılan bir özelliktir. Öğelerin kenarlarını belirginleştirmek için genellikle kullanılır. Bu özellik, border-style özelliği ile birlikte kullanılır ve sınırın türünü ve genişliğini belirler.
border-width özelliği, sınırın genişliğini piksel veya em gibi birimlerle belirler. Bu özelliğin varsayılan değeri, border-style özelliği için belirlenen sınır stilini kullanır.
Örneğin, aşağıdaki CSS kodu, bir div öğesi için bir sınır genişliği belirler:
```css
div {
border-style: solid;
border-width: 2px;
}
```
Bu kod, bir div öğesi için bir kesikli sınır belirler ve sınırın genişliğini 2 piksel olarak ayarlar.
Aşağıdaki örnekte, bir h2 öğesi için bir çift çizgi sınırı oluşturulur:
```css
h2 {
border-style: double;
border-width: 3px;
}
```
Bu kod, h2 öğesi için çift çizgi bir sınır belirler ve sınırın genişliğini 3 piksel olarak ayarlar.
border-width özelliği ayrıca kenarlar için farklı genişlikler ayarlamanıza olanak tanır. Örneğin, aşağıdaki kod, sol kenar için 2 piksel, diğer üç kenar için 1 piksel sınır genişliği belirler:
```css
div {
border-style: solid;
border-width: 1px 2px 1px 1px;
}
```
Bu kod, bir div öğesi için sol kenarda 2 piksel, diğer üç kenarda 1 piksel sınır genişliği belirler.
Sonuç olarak, border-width özelliği, bir sınırın genişliğini belirlemenize ve kenarlar için farklı genişlikler belirlemenize olanak tanır. Bu özelliği kullanarak öğeleri daha belirgin hale getirebilir ve tasarımınıza daha fazla kontrol sağlayabilirsiniz.