CSS outline-color özelliği

Tanım ve Kullanım

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

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

Açıklama:Profil çizgisi yer kaplamaz ve kesinlikle dörtgen değildir.

outline-color özelliği, bir elementin tüm profili boyunca görünür olan rengi ayarlar. Unutmamak gerekir ki, profil stili none olmamalı, aksi takdirde profil görünmez olacaktır.

Daha fazla bilgi için bkz:

CSS Eğitimi:CSS kontur

CSS Referans Kılavuzu:outline özelliği

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

Örnek

Noktalı profili rengi ayarlama:

p
  {
  outline-style:noktalı;
  outline-color:#00ff00;
  }

Kişisel olarak deneyin

CSS语法

outline-style: none|gizli|noktalı|çizgili|düz|çift|derin|tepe|dışa|ilk|miras;

Özellik değeri

Değer Açıklama
color_name Renk ismi ile belirtilen profil rengi (örneğin kırmızı).
hex_number Onaltılık değerle belirtilen profil rengi (örneğin #ff0000).
rgb_number Profil rengi rgb kodu ile belirtilen profil rengi (örneğin rgb(255,0,0)).
ters Varsayılan. Renk terslemesi (ters renk). Profil, farklı arka plan renklerinde de görülebilir.
miras Profil rengi ayarlarının ebeveyn elemanından alınması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: ters
Miras: hayır
Sürüm: CSS2
JavaScript语法: nesne.style.outlineColor="#0000FF"

TIY Örneği

Profil rengi ayarlama
Bu örnek, nasıl renk ayarlandığını gösterir.

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tamamen 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ımlanmışsa, IE8 outline özelliğini destekler.