Örnek
Bir ekleme "solid" bir çevrede anahat <div> elemanı:
document.getElementById("myDiv").style.outlineStyle = "solid"; Kendin dene " Tanımı ve Kullanımı
outlineStyle özelliği, ayarlar veya bir öğenin etrafında anahat stilini döndürür.
Bir anahat Bir elemanın etrafında bir çizgidir. Bu elemanın marjı etrafında görüntülenir. Ancak, sınır özelliğinden farklıdır.
anahat dolayısıyla elemanın genişliği ve yüksekliği özellikleri anahat genişliğini içermeyen, elemanın boyutları olan bir parçası değildir.
Tarayıcı Desteği
outlineStyle özellik tüm büyük tarayıcılarda desteklenir.
Note: outlineStyle mülkiyet IE7 desteklenen ve önceki edilmez. IE8 bir! DOCTYPE gerektirir. IE9 ve daha sonra bunu destekleyecek.
Sözdizimi
outlineStyle özelliğini Dönüş:
object .style.outlineStyle
outlineStyle özelliğini ayarlayın:
object .style.outlineStyle= value Mülkiyet Değerler
| değer | Açıklama |
|---|---|
| none | Hiçbir anahat tanımlar. Bu varsayılan |
| hidden | anahat kapatılır |
| dotted | Noktalı anahat tanımlar |
| dashed | Bir kesik anahat tanımlar |
| solid | sağlam anahat tanımlar |
| double | Bir çift anahat tanımlar |
| groove | 3D yivli anahat tanımlar. etki anahat renkli değerine bağlıdır |
| ridge | 3D çıkıntılı anahat tanımlar. etki anahat renkli değerine bağlıdır |
| inset | 3D gömme anahat tanımlar. etki anahat renkli değerine bağlıdır |
| outset | 3D outset anahat tanımlar. etki anahat renkli 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 anahat stilini temsil eden bir dize, |
| CSS Sürüm | CSS2 |
Diğer Örnekler
Örnek
Bir ana hatları stilini değiştirme <div> elemanı:
document.getElementById("myDiv").style.outlineStyle = "solid";
Kendin dene " Örnek
Bir ana hatları stilini Return <div> elemanı:
alert(document.getElementById("myDiv").style.outlineStyle); Kendin dene " Örnek
Tüm farklı değerlerin bir gösteri:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Anahat
CSS referansı: outline-style property
HTML DOM referansı: outline property
<Stil Nesne