CSS'de border Nedir?

CSS'de border, bir HTML öğesinin etrafında çizilen bir çerçeve (çizgi) olarak tanımlanır. Border kullanarak, bir öğenin etrafına bir kenarlık, çerçeve veya vurgulama ekleyebilirsiniz.
Border özelliği, dört ana özellikten oluşur: kalınlık (thickness), tip (style), rengi (color) ve yuvarlaklığı (radius).
Kalınlık, border genişliğini belirler ve piksel (px) veya em cinsinden özellikler belirterek ayarlanır. Örneğin:
```css
border-width: 2px;
```
Tip, border çizgi stili belirler. Bazı yaygın border tipi seçenekleri şunlardır: solid, dotted, dashed, double, groove, ridge, inset, outset. Örneğin:
```css
border-style: solid;
```
Renk, border rengini belirler. Border rengi, önceden tanımlanmış bir renk adı ile (örneğin red veya blue) veya HEX veya RGB değeri kullanarak belirtilebilir. Örneğin:
```css
border-color: #000000;
```
Yuvarlaklık, border köşelerinin yuvarlanma miktarını belirler. Yuvarlaklığı belirlemek için border-radius özelliğini kullanabilirsiniz. Örneğin:
```css
border-radius: 5px;
```
Bir öğeye border eklemek için, öğe seçicisini kullanarak border özelliklerini belirtiyorsunuz. Örneğin, bir div öğesine 2 piksel kalınlığında siyah bir solid border eklemek için şu kodu kullanırsınız:
```css
div {
border: 2px solid #000000;
}
```
Bu kod, div öğelerinin etrafına siyah renkte 2 piksel kalınlığında bir solid border ekler. Ayrıca, border rengi, tipi ve kalınlığı ayarlanabilir ve farklı köşe yuvarlama değerleri kullanılabilir.
Örneğin, bir kutunun etrafına solid bir border eklemek, rengini kırmızı yapmak ve köşelerini yuvarlamak için şu kodu kullanabilirsiniz:
```css
.kutu {
border: 2px solid red;
border-radius: 10px;
}
```
Border, CSS'de çok kullanışlı bir özelliktir ve ek özelliklerle (örneğin box-shadow) birleştirilerek, öğelerin tasarımını daha etkileyici hale getirebilirsiniz.