CSS'de border-top, bir HTML elemanının üst kenarına bir kenarlık eklemek için kullanılan bir özelliktir. Bu, bir elemanın üst kısmı boyunca bir çizgi veya başka bir şekil çizmek için kullanılabilir.
border-top özelliği, çeşitli iki değer alır:
1. Border stilini belirleyen bir değer (solid, dotted, dashed vb.)
2. Border rengini belirleyen bir değer
Ayrıca, isteğe bağlı olarak, border-top-width değeri kullanarak kenarlığın kalınlığını ayarlayabilirsiniz.
Örnek bir CSS kodu aşağıdaki şekildedir:
```css
.box {
border-top: 2px solid blue;
border-top-width: 5px;
}
```
Yukarıdaki kod, bir HTML elemanına border-top stilini uygular. Box sınıfını kullanan bir öğenin üst kenarında, 2 piksel kalınlığında ve mavimsi bir renkte bir çizgi oluşacaktır. Ayrıca, border-top-width değeri ile bu çizginin kalınlığı 5 piksel olarak ayarlandı.
Aşağıdaki örnek, bir düğmenin üst kenarına bir çizgi ekleyen basit bir örnektir:
```css
button {
border-top: 1px solid black;
}
```
Bu örnekte, bir butonun üst kenarında, 1 piksel kalınlığında ve siyah bir renkte bir çizgi oluşacaktır.
Sonuç olarak, border-top CSS özelliği, bir HTML elemanına bir kenarlık eklemek için kullanışlı bir özelliktir. Kenarlığın stilini, rengini ve kalınlığını belirleyebilirsiniz.