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örünür olabilir.

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

Ayrıca bkz:

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;
  }

Deneyimleyin

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çeveyi tanımlar.
hidden "none" ile aynıdır. Ancak tablolar için geçerli değildir; tablolar için hidden, çerçeve çatışmasını çözmek için kullanılır.
dotted Noktalı çerçeveyi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak sunulur.
dashed Boş çizgiyi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak sunulur.
solid Sıradan çizgiyi tanımlar.
double Çift çizgiyi tanımlar. Çizgi genişliği, border-width değerine eşittir.
groove 3D çukur çerçeveyi tanımlar. Etkisi, border-color değerine bağlıdır.
ridge 3D çizgili ç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 Bu, çerçeve tarzının ebeveyn elementinden devralınması gerektiğini belirler.

Teknik ayrıntılar

Varsayılan değer: belirtilmemiş
Mirasçılık: 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

Tablodaki rakamlar, 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