Örnek
Bir ekleme "solid" bir üst sınır <div> elemanı:
document.getElementById("myDiv").style.borderTopStyle = "solid";
Kendin dene " Tanımı ve Kullanımı
borderTopStyle özelliği, ayarlar veya bir elementin üst sınırın stilini döndürür.
Tarayıcı Desteği
borderTopStyle özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
borderTopStyle özelliğini Dönüş:
object .style.borderTopStyle
borderTopStyle özelliğini ayarlayın:
object .style.borderTopStyle= value |initial|inherit
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 üst sınırın stilini temsil eden bir dize, |
CSS Sürüm | BB1 |
Diğer Örnekler
Örnek
Bir üst sınırın stilini değiştirme <div> elemana "dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
Kendin dene " Örnek
Bir üst sınır stilini Return <div> elemanı:
alert(document.getElementById("myDiv").style.borderTopStyle);
Kendin dene " Örnek
Tüm farklı değerlerin bir gösteri:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;
Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Border
CSS referansı: border-top-style property
HTML DOM referansı: border property
<Stil Nesne