CSS outline özelliği

Tanım ve kullanım

Outline (kontur), element etrafına çizilen bir çizgi, kenar çerçevesinin dışında yer alır ve elementi vurgulamak için kullanılabilir.

Açıklama:Kontur çizgisi yer kaplamaz ve mutlaka dörtgen olmayabilir.

Outline kısa özellik, bir açıklamada tüm kontur özelliklerini ayarlar.

Sırayla aşağıdaki özellikleri ayarlayabilirsiniz:

Eğer değerler arasından birini ayarlamazsanız, sorun olmaz, örneğin outline:solid #ff0000; da izin verilir.

Ayrıca bakınız:

CSS dersleri:CSS Kenar

HTML DOM referans kılavuzu:outline özelliği

Örnek

4 adet kenar stili ayarlayın:

p
  {
  outline:#00FF00 dotted thick;
  }

Kişisel olarak deneyin

CSS dilbilgisi

outline: outline-width outline-style outline-color|initial|devral|;

Özellik değeri

Değer Açıklama
outline-color Kenarın rengi belirtir. Bakınız:outline-color içerisindeki olası değerler.
outline-style Kenarın stili belirtir. Bakınız:outline-style içerisindeki olası değerler.
outline-width Kenarın genişliğini belirtir. Bakınız:outline-width içerisindeki olası değerler.
devral outline özelliğinin ayarlarını parent element'ten devralması gerektiğini belirtir.

Teknik ayrıntılar

Öntanımlı değer: invert none medium
Devralabilirlik: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.outline="#0000FF dotted thin"

TIY örneği

Element etrafına çizgi çizme
Bu örnek, outline özelliğini kullanarak element etrafına bir çizgi çizmeyi gösterir.

Tarayıcı desteği

Tablodaki rakamlar, 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:Eğer !DOCTYPE belirtildiysen, IE8 outline özelliğini destekler.