Css xhtml elemanlarının bir kutu içinde düşündüğünden  , kutunun border yani kenarlık özelliklerini değiştirme imkanı sağlar.

1-border-style(kenarlık için stil tanımlaması)

Bu özellik kenar çizgisinin tipini ayarlamak için kullanılınır.Ayrıca kutu kenar çizgilerini kullanıma açmak için kullanılınır .Bu özelliğe atadığınız değer kutunun 4 kenarı içinde uygulanır.

değer açıklama
none Herhangi bir border tanımlaması yok
hidden Border gizle
dotted Noktalı çizgi
dashed Kesik  çizgi şeklinde
solid Tek çizgi
double İki çizgi
groove Oluk şeklinde çizgi
ridge Üsten alta eğimli (sırtlı çizgi)
inset İçe doğru derinlik hissi veren
outset Dışa doğru derinlik hissi veren çizgi

border

Burada şuna dikkat edelim bir p elemanı için kenarlık stili yani tipi tanımlaması yaptım çünkü p elemanı css tarafından bir kutu içerisindeymiş gibi varsayılır.

Örnek:

Resimin normal hali aşağıdadır ;