Style borderBottomStyle özelliği

Tanım ve Kullanım

borderBottomStyle Alt çizgi tarzını ayarlamak veya döndürmek için özellik.

Ayrıca bakınız:

CSS Eğitimi:CSS çerçeve

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

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

Örnek

Örnek 1

div elemanına dolgu alt çizgisi ekleyin:

document.getElementById("myDiv").style.borderBottomStyle = "solid";

var listValue = selectTag.options[selectTag.selectedIndex].text;

Örnek 2

div elemanının alt çizgisi tarzını "dotted" olarak değiştirin:

document.getElementById("myDiv").style.borderBottomStyle = "dotted";

var listValue = selectTag.options[selectTag.selectedIndex].text;

例子 3

返回

元素的下边框样式：

Örnek 3

var listValue = selectTag.options[selectTag.selectedIndex].text;

Dönüş <div> elementinin alt kenar çizgisi tarzı:

alert(document.getElementById("myDiv").style.borderBottomStyle);

Örnek 4
Tüm farklı değerlerin gösterimi:

var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderBottomStyle = listValue;

Kişisel deneyim

.style.borderBottomStyleGrammar

borderBottomStyle özelliğini döndürün:

.style.borderBottomStyleborderBottomStyle özelliğini ayarlayın: object

.style.borderBottomStyle =

value Özellik değeri
none Değer
Açıklama Kenar çizgisiz tanımlar. Öntanımlı.
hidden none ile aynıdır, ancak tablo elemanlarının kenar çizgisi çatışmalarını çözerken hariç tutulur.
dashed Dashed kenar çizgisini tanımlar.
solid Sıvı kenar çizgisini tanımlar.
double İki kenar çizgisi tanımlar. İki kenar çizgisinin genişliği border-width değerleriyle aynıdır.
groove 3D çukur kenar çizgisini tanımlar. Etki, aşağıdaki gibi belirlenir: border-color değerleri.
ridge 3D yamacı kenar çizgisini tanımlar. Etki, aşağıdaki gibi belirlenir: border-color değerleri.
inset 3D inset kenar çizgisini tanımlar. Etki, aşağıdaki gibi belirlenir: border-color değerleri.
outset 3D outset kenar çizgisini tanımlar. Etki, aşağıdaki gibi belirlenir: border-color değerleri.
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit.

Teknik ayrıntılar

Öntanımlı değer: none
Dönüş değeri: Dizge, elementin alt kenar çizgisinin tarzını ifade eder.
CSS sürümü: CSS1

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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

Açıklama:IE7 ve daha eski sürümler "gizli" değeri desteklememektedir. IE9 ve daha yüksek sürümler "gizli" değeri desteklemektedir.