CSS border-bottom-style özelliği

Tanım ve Kullanım

border-bottom-style, elementin alt çizgi kenarının tarzını ayarlar.

Bu değer none değilse, çizgi可能出现.

CSS1'de, HTML kullanıcı aracı sadece solid ve none'yı desteklemelidir.

Ayrıca bakınız:

CSS eğitimi:CSS Kenar

CSS referans el kitabı:border-bottom özelliği

HTML DOM referans el kitabı:borderBottomStyle özelliği

Örnek

Alt çizgi tarzını ayarlama:

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

Deneyin

CSS dilbilgisi

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

Özellik değeri

Değer Açıklama
none Sıfır çizgiyi tanımlar.
hidden "none" ile aynıdır. Ancak tablo için geçerli değildir; tablolar için, çizgi çatışmasını çözmek için "hidden" kullanılır.
dotted Noktalarla çizgiyi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak görüntülenir.
dashed Boş çizgiyi tanımlar. Çoğu tarayıcıda gerçek çizgi olarak görüntülenir.
solid Sıradan çizgiyi tanımlar.
double İki çizgiyi tanımlar. Çizgi genişliği, border-width değerine eşittir.
groove 3D çukur çizgi kenarını tanımlar. Etkisi, border-color değerine bağlıdır.
ridge 3D damarlı çizgi kenarını tanımlar. Etkisi, border-color değerine bağlıdır.
inset 3D inset çizgi kenarını tanımlar. Etkisi, border-color değerine bağlıdır.
outset 3D outset çizgi kenarını tanımlar. Etkisi, border-color değerine bağlıdır.
devral Bu özellik, ebeveyn elemanın çizgi tarzını devralması 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.borderBottomStyle="dotted"

Daha fazla örnek

Alt çizgi tarzını ayarlama
Alt çizgi tarzını nasıl ayarlayacağınızı gösteren bu örnekte.

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