Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
Bir anahat unsurlar etrafında çizilen bir çizgi (outside the borders) eleman yapmak "stand out" .
anahat tarzı özelliği bir anahat stilini belirtir.
| Varsayılan değer: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS2 |
| JavaScript sözdizimi: | object .style.outlineStyle="dashed" Try it |
İpuçları ve Notlar
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
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| outline-style | 1.0 | 8 | 1.5 | 1.2 | 7 |
Note: ! IE8 bir DOCTYPE belirtilmişse anahat tarzı özelliğini destekler.
CSS sözdizimi
outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Mülkiyet Değerler
| değer | Açıklama | Oynat |
|---|---|---|
| none | Hiçbir anahat belirtir. Bu varsayılan | Oynat " |
| hidden | Gizli bir anahat belirtir | Oynat " |
| dotted | Noktalı anahat belirtir | Oynat " |
| dashed | Bir kesik anahat belirtir | Oynat " |
| solid | sağlam anahat belirtir | Oynat " |
| double | Bir çift kontür belirtir | Oynat " |
| groove | 3D yivli anahat belirtir. etki anahat renkli değerine bağlıdır | Oynat " |
| ridge | 3D çıkıntılı anahat belirtir. etki anahat renkli değerine bağlıdır | Oynat " |
| inset | 3D gömme anahat belirtir. etki anahat renkli değerine bağlıdır | Oynat " |
| outset | 3D outset anahat belirtir. etki anahat renkli değerine bağlıdır | Oynat " |
| initial | varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun | Oynat " |
| inherit | üst öğesinden bu özelliği devralır. Yaklaşık miras oku |
Diğer Örnekler
Örnek
Farklı değerleri kullanarak bir taslak stilini ayarlayın:
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;} Kendin dene " İlgili Sayfalar
CSS öğretici: CSS Anahat
CSS referansı: outline property
HTML DOM referansı: outlineStyle property