CSS border-bottom-style özelliği

Tanım ve Kullanım

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

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

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

Ayrıca bakınız:

CSS dersleri:CSS kenarlık

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

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

Örnek

Alt kenar çizgisinin 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 Kenar çizgisi tanımlar.
hidden "none" ile aynıdır. Ancak tablolar için geçerli değildir, tablolar için hidden, kenar çizgi çatışmasını çözmek için kullanılır.
dotted Noktalı çizgi çizgisi tanımlar. Çoğu tarayıcıda düz çizgi olarak görüntülenir.
dashed Dokumsuz ç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 çentikli kenar çizgisini tanımlar. Etkisi border-color değerine bağlıdır.
ridge 3D lületaş gibi kenar çizgisini tanımlar. Etkisi border-color değerine bağlıdır.
inset 3D inset kenar çizgisini tanımlar. Etkisi border-color değerine bağlıdır.
outset 3D outset kenar çizgisini tanımlar. Etkisi border-color değerine bağlıdır.
devral Bu özellik, ebeveyn elemanın kenar çizgi tarzını devralmasını belirtir.

Teknik ayrıntılar

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

Daha fazla örnek

Alt kenar çizgisinin tarzını ayarlama
Alt kenar çizgisinin tarzını nasıl ayarladığınızı gösteren örnek.

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