Style borderTopStyle özelliği

Tanım ve Kullanım

borderTopStyle Öznitelik ayarlamak veya element üzerindeki kenar çizgisi tarzını döndürmek.

Daha fazla bilgi için bkz：

CSS Eğitimi：CSS çerçeve

CSS Referans Kılavuzu：border-top-style özelliği

HTML DOM Referans Kılavuzu：border özelliği

Örnek

Örnek 1

div element'e gerçek yukarı kenar çizgisi ekleyin：

document.getElementById("myDiv").style.borderTopStyle = "solid";

document.getElementById("myDiv").style.borderTopStyle = listValue;

document.getElementById("myDiv").style.borderTopStyle = "solid";

Örnek 2

<div> elemanının üst çerçeve tarzını "dotted" olarak değiştir:

document.getElementById("myDiv").style.borderTopStyle = listValue;

document.getElementById("myDiv").style.borderTopStyle = "dotted";

Örnek 3

D div elemanının üst çerçeve tarzını döndürür:

document.getElementById("myDiv").style.borderTopStyle = listValue;

alert(document.getElementById("myDiv").style.borderTopStyle);

Örnek 4

Tüm farklı değerlerin gösterimi:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderTopStyle = listValue;

Kişisel olarak deneyin

Grammar

borderTopStyle özelliğini ayarla:borderTopStyle özelliğini döndür:

.style.borderTopStyle

borderTopStyle özelliğini ayarla:object .style.borderTopStyle =value
|initial|inherit Değer
none Açıklama
Sıfır çerçeveyi tanımlar. Varsayılan. hidden
With "none" the same, but except in resolving border conflicts in table elements. Dotted çerçeveyi tanımlar.
dashed Dashed çerçeveyi tanımlar.
solid Dolu çerçeveyi tanımlar.
double İki çerçevenin genişliği border-width değerleriyle aynıdır. Tanımlar:
groove 3D groove çerçevesini tanımlar. Etki, border-color değerleri.
ridge 3D ridge çerçevesini tanımlar. Etki, border-color değerleri.
inset 3D inset çerçeveyi tanımlar. Etki, border-color değerleri.
outset 3D outset çerçeveyi tanımlar. Etki, border-color değerleri.
initial Bu özelliği varsayılan değerine ayarlar. Görünüm: initial。
inherit Bu özelliği ebeveyn elemanından devralır. Görünüm: inherit。

Teknik ayrıntılar

Varsayılan değer： none
Dönüş değeri： Dizge, elemanın üst çerçevesinin tarzını belirtir.
CSS sürümü： CSS1

Tarayıcı destek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek