CSS border-top-style Özelliği

CSS border-top-style

Css border-top-style özelliği bir html elemanının üst kenar çeşidini belirtmek için kullanılır.

Örnek:

Bir html div elemanına farklı border-top-styledeğerleri verilerek özelliğin ne işe yaradığını aşağıdaki tuşa tıklayarak öğrenebilirsiniz.

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

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

Css border-top-style ile bir blok düzeyindeki elemanın üst kenar çeşidi belirlenebilir. Kesikli noktalı veya sürekli çizgi gibi değerler alabilir.Örnekleri detaylı inceleyiniz.

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

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

Tabloda gösterilen sayılar özelliğin tam desteklendiği ilk tarayıcı sürümleridir.
CSS Kodu:
border-top-style 1.0 5.5 1.0 1.0 9.2

CSS border-top-style Değerleri

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

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

CSS border-top-style değerleri CSS border-top-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 content Özelliği

CSS justify-content Özelliği

Javascript ile neler yapılabilir

CSS top Özelliği

HTML strong Etiketi

Kriptopara nasıl alınır ve nereden alınır?

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

Javascript Oyun Yapma Dersleri HTML5+CSS3

CSS flex-basis Özelliği

HTML5 Canvas Oyun Yapımı Dersleri