CSS border-left-style Özelliği

CSS border-left-style

Css border-left-style özelliği ile bir html elemanının sol kenarının kenar tipi belirlenebilir.

Örnek:

Bu örnekle bir div elemanının sol kenarına farklı kenar tipleri tanımlayarak değerlerin etkilerini öğreneceğiz.

div.none { border-left-style: none; } div.dotted { border-left-style: dotted; } div.dashed { border-left-style: dashed; } div.solid { border-left-style: solid; } div.double { border-left-style: double; } div.groove { border-left-style: groove; } div.ridge { border-left-style: ridge; } div.inset { border-left-style: inset; } div.outset { border-left-style: outset; }

CSS border-left-style nedir nasıl kullanılır

Css border-left-style özelliği farklı kenar çeşitleri kullanmamızı sağlayan bir özelliktir.

CSS border-left-style CSS border-left-style özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS1  
JavaScript border-left-style: object.style.borderLeftStyle="dashed"

CSS border-left-style Tarayıcı Desteği

CSS Kodu:
border-left-style 1.0 5.5 1.0 1.0 9.2

CSS border-left-style Değerleri

border-left-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

CSS border-left-style özelliği değerleri

CSS border-left-style değerleri CSS border-left-style değerleri tanımları CSS örnek uygulamalar
none Kenar görünmez
hidden Kenar gizlenir.
dotted Noktalı şeklinde kenar tipi oluşur.
dashed Kesikli çizgi şeklinde bir kenar tipi olur.
solid Sürekli çizgidir.
double Kenarı çift çizgi yapar.
groove Çatı oluğuna benzer bir kenar oluşur.
ridge Bir tepecik şeklinde kenar oluşturur.
inset Kenar içe doğru eğimli bir kenar oluşturur.
outset Dışarıya doğru eğimli bir kenar sitili meydana gelir.
initial Özelliğin varsayılan değeridir.
inherit Soybağından gelen değeri kullanır.

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek