Örnek
Bir ekleme "solid" bir alt sınır <div> elemanı:
document.getElementById("myDiv").style.borderBottomStyle = "solid"; Kendin dene " Tanımı ve Kullanımı
borderBottomStyle özelliği, ayarlar veya bir öğenin alt sınırın stilini döndürür.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| borderBottomStyle | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Not: Bu değer "hidden" IE7 ve önceki sürümlerinde desteklenmez. IE9 ve daha sonra destek "hidden" .
Sözdizimi
borderBottomStyle özelliğini Dönüş:
object .style.borderBottomStyle
borderBottomStyle özelliğini ayarlayın:
object .style.borderBottomStyle= value Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| none | Hiçbir sınır tanımlar. Bu varsayılan |
| hidden | Aynı "none" masa elemanları sınır çatışma çözümü dışında, |
| dotted | noktalı sınır tanımlar |
| dashed | Bir kesik sınır tanımlar |
| solid | sağlam sınırını tanımlar |
| double | İki sınırlarını tanımlar. İki sınır genişliği sınır genişlikli değeri ile aynıdır |
| groove | 3B yivli sınır tanımlar. etki border-color değerine bağlıdır |
| ridge | 3B çıkıntılı sınırını tanımlar. etki border-color değerine bağlıdır |
| inset | 3B iç metin sınırını tanımlar. etki border-color değerine bağlıdır |
| outset | 3B outset sınırını tanımlar. etki border-color değerine bağlıdır |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Teknik detaylar
| Varsayılan değer: | Yok |
|---|---|
| Geri dönüş değeri: | Bir elemanın alt sınırın stilini temsil eden bir dize, |
| CSS Sürüm | BB1 |
Diğer Örnekler
Örnek
Bir alt sınırın stilini değiştirme <div> elemana "dotted" :
document.getElementById("myDiv").style.borderBottomStyle = "dotted";
Kendin dene " Örnek
Bir alt sınır stilini Return <div> elemanı:
alert(document.getElementById("myDiv").style.borderBottomStyle); Kendin dene " Örnek
Tüm farklı değerlerin bir gösteri:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderBottomStyle = listValue; Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Border
CSS referansı: border-bottom-style property
HTML DOM referansı: border property
<Stil Nesne