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

Popüler yayınlar

CSS justify-content Özelliği

HTML Yorumlar

CSS content Özelliği

CSS align-items özelliği

CSS text-decoration Özelliği

CSS text-align Özelliği

CSS flex-basis Özelliği

CSS background-repeat Özelliği

Javascript ile neler yapılabilir

CSS border-bottom Özelliği