Örnek
Bir ekleme "solid" bir sınırını <div> elemanı:
document.getElementById("myDiv").style.borderStyle = "solid";
Kendin dene " Tanımı ve Kullanımı
borderStyle özelliği, ayarlar veya bir elementin kenarlık stilini döndürür.
Bu tesis birinden dört değerlerine alabilir:
- Bir değer gibi: p {border-style: solid} - dört sınırları katı olacak
- p: gibi iki değerleri {border-style: solid noktalı} - Üst ve alt sınır sol katı olacak ve sağ sınır noktalı olacak
- p: gibi üç değer, {border-style: solid noktalı çift} - üst sınır sol ve sağ sınır noktalı edilecek katı olacak alt sınır çift olacak
- p: gibi dört değerleri {border-style: solid noktalı çift kesik} - üst sınır katı olacak sağ sınır noktalı, alttan sınır çift, sol sınır kesik olacak edilecektir
Tarayıcı Desteği
borderStyle özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
borderStyle özelliğini Dönüş:
object .style.borderStyle
borderStyle özelliğini ayarlayın:
object .style.borderStyle= 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 kenarlık stilini temsil eden bir dize, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir dört sınırları stilini değiştirme <div> elemanı:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Kendin dene "
Örnek
Bir sınır stilini Return <div> elemanı:
alert(document.getElementById("myDiv").style.borderStyle); Kendin dene "
Örnek
Tüm farklı değerlerin bir gösteri:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Border
CSS referansı: border-style property
HTML DOM referansı: border property
<Stil Nesne