En son web geliştirme öğreticiler
 

Style borderStyle Property

<Stil Nesne

Ö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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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