CSS outline-width özelliği

Tanım ve Kullanım

outline-width özelliği, elementin tam çerçeve genişliğini ayarlar. Çerçeve stili none olmadıkça bu genişlik etkili olur. Stili none ise, genişlik aslında 0 olarak sıfırlanır. Negatif uzunluk değerleri ayarlanmaz.

outline (çerçeve), elementin etrafına çizilen bir çizgi, kenarlık kenarları 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-width özelliği outline-style özelliği öncesinde belirtilmelidir. Element çerçeve alındıktan sonra renk değiştirilebilir.

Açıklama:Çerçeve çizgisi yer kaplamaz ve mutlaka dörtgen olmayabilir.

Ayrıca bkz:

CSS Eğitimleri:CSS kontur

CSS İpuçları Kılavuzu:outline özelliği

HTML DOM İpuçları Kılavuzu:outlineWidth özelliği

Örnek

Daireli çerçeve rengini ayarlama:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

outline-width: medium|ince|kalın|length|initial|inherit;

Özellik değeri

Değer Açıklama
İnce çerçeve belirtir. ince
orta Varsayılan. Orta kalınlıklı bir çerçeve belirtir.
thick Kalın bir çerçeve belirtir.
length Çerçeve kalınlığını belirlemenizi sağlar.
inherit Belirtilen çerçeve genişliği ayarlarının ebeveyn elementten devralınması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: orta
Miras: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.outlineWidth="thin"

TIY Örneği

Çerçeve genişliğini ayarlama
Bu örnek, nasıl çerçeve genişliğini ayarlandığını 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:DOCTYPE tanımlandıysa, IE8 outline özelliğini destekler.