CSS'de border Nedir?

CSS'de border, bir elementin etrafındaki çerçeveyi belirtmek için kullanılan bir şekil özelliğidir. Bu özellik, elementin kenarlarına renk, kalınlık ve stilde bir çerçeve eklemeye olanak tanır.
Örneğin, bir div elementine kenarlık eklemek için aşağıdaki kod kullanılabilir:
```css
div {
border: 2px solid black;
}
```
Bu kod, div elementinin etrafına, 2 piksel kalınlığı olan ve siyah renkte bir çerçeve ekler.
Border özelliği ayrıca, farklı kenarlara farklı çerçeve özellikleri uygulanmasına olanak tanır. Örneğin, bir butonun sadece alt çerçevesini pembe yapmak için aşağıdaki kod kullanılabilir:
```css
button {
border-bottom: 2px solid pink;
}
```
Bu kod, butonun alt kenarına 2 piksel kalınlığı ve pembe renkte bir çerçeve ekler, ancak diğer kenarlara bir çerçeve uygulanmaz.
Bir elementin farklı kenarlarına farklı kalınlık ve stilde çerçeveler eklemek için, border-top, border-right, border-bottom ve border-left özellikleri kullanılabilir. Örneğin, bir div elementine farklı bir kenarlık eklemek için aşağıdaki kod kullanılabilir:
```css
div {
border-top: 3px dashed blue;
border-right: 2px solid red;
border-bottom: 1px dotted green;
border-left: 4px double orange;
}
```
Bu kod, div elementinin farklı kenarlarına farklı kalınlık, stil ve renkte çerçeveler ekler.
Sonuç olarak, border özelliği, bir elementin etrafına renk, kalınlık ve stil özelliği kazandırarak onu daha çekici hale getiren önemli bir CSS şekil özelliğidir.