border-top-style CSS özelliği, bir elemanın üst kenarının stilini belirler. Bu özellik, border-top-width (kenar kalınlığı) ve border-top-color (kenar rengi) ile birlikte kullanılabilir.
Değerler:
- none: Herhangi bir kenar veya çizgi yok.
- dotted: Nokta şeklinde kesikli bir çizgi.
- dashed: Çizgi şeklinde kesikli bir çizgi.
- solid: Tek bir çizgi.
- double: Kalın bir çift çizgi.
- groove: Kazınmış görünümdeki bir çizgi.
- ridge: Kabartmalı görünümdeki bir çizgi.
- inset: İçeriği gömmüş bir çizgi.
- outset: Dışarı doğru çıkan bir çizgi.
Örnek Kodlar:
```css
/* dotted border-top-style */
.example {
border-top-style: dotted;
}
/* dashed border-top-style */
.example {
border-top-style: dashed;
}
/* solid border-top-style */
.example {
border-top-style: solid;
}
/* double border-top-style */
.example {
border-top-style: double;
}
/* groove border-top-style */
.example {
border-top-style: groove;
}
/* ridge border-top-style */
.example {
border-top-style: ridge;
}
/* inset border-top-style */
.example {
border-top-style: inset;
}
/* outset border-top-style */
.example {
border-top-style: outset;
}
```
Umarım bu yazı, border-top-style özelliği hakkında ihtiyacınız olan tüm bilgileri sağlamıştır.