CSS border-top-style özelliği

Tanımlama ve kullanım

border-top-style, elementin üst çerçevesinin tarzını ayarlar.

Bu değer none değilse, çerçeve gözükebilir.

CSS1'de, HTML kullanıcı代理i sadece solid ve none'ı desteklemelidir.

Diğer bakış açıları:

CSS Eğitimi:CSS Kenar

CSS Referans Kılavuzu:border-top özelliği

HTML DOM Referans Kılavuzu:borderTopStyle özelliği

Örnek

Üst çerçeve tarzını ayarlama:

p
  {
  border-style:solid;
  border-top-style:dotted;
  }

Kişisel olarak deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
none Sıfır çerçeve tanımlar.
hidden "none" ile aynıdır. Ancak tablo üzerinde kullanılmaz, çerçeve çatışmalarını çözmek için tablolar için "hidden" kullanılır.
dotted Nokta çizgili çerçeve tanımlar. Çoğu tarayıcıda düz çizgi olarak görüntülenir.
dashed Dashed çizgi tanımlar. Çoğu tarayıcıda düz çizgi olarak görüntülenir.
solid Düz çizgi tanımlar.
double Çift çizgi tanımlar. Çizgi genişliği border-width değerine eşittir.
groove 3D yuvarlak çerçeveyi tanımlar. Etkisi border-color değerine bağlıdır.
ridge 3D yamuk çerçeveyi tanımlar. Etkisi border-color değerine bağlıdır.
inset 3D inset çerçeveyi tanımlar. Etkisi border-color değerine bağlıdır.
outset 3D outset çerçeveyi tanımlar. Etkisi border-color değerine bağlıdır.
inherit Çerçeve tarzını parent element'ten miras alması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: belirtilmemiş
Geçirsizlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.borderTopStyle="dotted"

Daha fazla örnek

Üst çerçeve tarzını ayarlama
Bu örnek, üst çerçeve tarzını nasıl ayarlayacağınızı gösterir.

Tarayıcı desteği

Tablo içindeki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2