Stil kenarlığı Özellik
Örnek
Bir <div> öğesine kenarlık ekleyin:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Border özelliği, bir stenografi biçiminde en fazla üç ayrı border özelliğini ayarlar veya döndürür.
Bu özellik ile aşağıdakilerden birini veya birkaçını (herhangi bir sırayla) ayarlayabilir/döndürebilirsiniz:
- sınır genişliği
- sınır tarzı
- sınır rengi
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Sözdizimi
border özelliğini döndürün:
object.style.border
Kenarlık özelliğini ayarlayın:
object.style.border = "width style color|initial|inherit"
Mülk değerleri
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | belirtilmemiş |
---|---|
Geri dönüş değeri: | Bir öğenin kenarlık genişliğini, stilini ve/veya rengini temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin kenarlığının genişliğini, stilini ve rengini değiştirin:
document.getElementById("myDiv").style.border = "thin dotted red";
Örnek
Bir <div> öğesinin sınır özellik değerlerini döndürün:
alert(document.getElementById("myDiv").style.border);
İlgili Sayfalar
CSS eğitimi: CSS Sınırı
CSS referansı: border özelliği