border-style :
Elemente kenarlık görünüşünün nasıl olacağını ayarlamak için kullanılır.
Not: Eğer tek değer verilirse bu tüm kenarlar için geçerlidir, iki değer atanırsa ilki yatayda boşluk için ikincisi dikey de boşluk vermek için tanımlanmıştır.
Örnek
#borderStyle{
    border-style: dotted;
}
Codepen Ön izleme
 
Css Sözdizimi
| Değer | Açıklama | 
| none | Kenarlığını olmayacağını belirtmek için kullanılır. | 
| hidden | Kenarlığı gizlemek için kullanılır. | 
| dotted | noktalı bir kenarlık olduğunu belirtir. | 
| dashed | kesik çizgili bir kenarlık olduğunu belirtir. | 
| double | çift kenarlıklı bir kenarlık olduğunu belirtir. | 
| groove | düz kenarlıklı bir kenarlık olduğunu belirtir. | 
| inset | 3D gömme kenar tanımlar. Efekt border-color değerine bağlıdır. | 
| ridge | 3D oluklu kenar tanımlar. Efekt border-color değerine bağlıdır. | 
| outset | 3D outset kenar tanımlar. Efekt border-color değerine bağlıdır. | 
| İnital | |
| İnherit | 
Tarayıcı Desteği
| 1.0 | 1.0 | 4.0 | 1.0 | 3.5 | 
“CSS border-style” üzerine bir yorum