CSS outline-style Özelliği

Tanım ve Kullanım

outline-style özelliği, elemanın tüm kontur stillerini ayarlamak için kullanılır. Stiller none olamaz, aksi takdirde kontur görünmez.

outline (çizgi), elementin etrafına çizilen bir çizgidir, kenar çizgisi dışında yer alır ve elementi vurgulamak için kullanılır. outline özelliği, element etrafındaki çizgiyi ayarlar.

Açıklama:Her zaman outline-color özelliği öncesinde outline-style özelliğini beyan edin. Element, çizgisi elde ettikten sonra çizgi rengini değiştirebilir.

Açıklama:Çizgili çizgiler yer kaplamaz ve mutlaka dügdendir.

Ayrıca bkz:

CSS Eğitimi:CSS 轮廓

CSS Referans Kılavuzu:outline özelliği

HTML DOM Referans Kılavuzu:outlineStyle özelliği

Örnek

Çizgili stili ayarlama:

p
  {
  outline-style:dotted;
  }

Kişisel olarak deneyin

CSS dilbilgisi

outline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Özellik değeri

Değer Açıklama
yok Varsayılan. Hiçbir çizgi tanımlar.
hidden Gizli çizgili kontur tanımlar.
dotted Noktali çizgili kontur tanımlar.
dashed Boşluklu çizgili kontur tanımlar.
solid Düz çizgili kontur tanımlar.
double Çift çizgili kontur tanımlar. Çizgi genişliği outline-width değerine eşittir.
groove 3D iç çizgili çukur kontur tanımlar. Bu etki outline-color değeriyle ilgilidir.
ridge 3D çıkıntılı çukur kontur tanımlar. Bu etki outline-color değeriyle ilgilidir.
inset 3D iç çizgili kontur tanımlar. Bu etki outline-color değeriyle ilgilidir.
outset 3D çıkıntılı çizgili kontur tanımlar. Bu etki outline-color değeriyle ilgilidir.
inherit Ebeveyn öğeden çizgili stili ayarlarının alınması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: yok
Mirasçılık: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.outlineStyle="dotted"

TIY Örneği

Çizgili stili ayarlama
Bu örnek, nasıl çizgili stili ayarlandığını gösterir.

Tarayıcı desteği

Tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Açıklama:DOCTYPE belirlendiğinde, IE8 outline özelliğini destekler.