CSS HTML DERSLERİ Web Tasarım

CSS Border (Kenarlık) Özellikleri

CSS kenarlık özelliklerini kullanarak, öğenin kenarlık stilini, genişliğini ve rengini belirleyebiliriz. Hangi kenarlık sitilinin görüneceğini border-style özelliğini kullanarak belirleyebiliriz.

border-style özelliği aşağıdaki değerleri alabilir.

dotted– Noktalı kenarlık ekler.

dashed– Kesik çizgili kenarlık ekler.

solid– Düz çizgili kenarlık ekler.

double– Çift çizgili kenarlık ekler.

groove – 3 boyutlu kenarlık ekler.

ridge– 3 boyutlu kenarlık ekler.

inset– 3 boyutlu kenarlık ekler.

outset– 3 boyutlu kenarlık ekler.

none– Kenarlık yok

hidden– Gizli kenarlık.

 

Örnek: Aşağıdaki örnekte <p> etiketine CSS ile çeşitli border-style özellikleri verilmiştir.

Ekran çıktısı:

Yorum yap