CSS outline-offset Özelliği

CSS outline-offset

Css outline-offset özelliği ile ikinci kenarlık ile asıl olan kenarın arasındaki uzaklık mesafesi ayarlanabilir.

Örnek:

Bu örnekte ikinci kenarlığın, elemanın birincil kenarı ile arasında olan mesafesini outline-offset: 25px; değeriyle uygulanmıştır.

div { margin: 30px; width: 180px; padding: 30px; height: 100px; border: 4px dotted orange; outline: 6px solid blue; outline-offset: 25px; }

CSS outline-offset nedir nasıl kullanılır

Bir html elemanınn varsayılan bir border /kenarlığı vardır. İkinci kenarlığıda oluşturduysk aralarındaki mesafeyi kontrol etmek isteriz. Bu gibi durumlarda kullanılan outline-offset özelliğine istenilen değerler girilerek sitil işlemi tamamlanabilir.

CSS outline-offset CSS outline-offset özellikleri  
Varsayılan Değer: 0  
Kalıtsallık: yok  
Animasyon Özelliği: var
Versiyon: CSS3  
JavaScript outline-offset: object.style.outlineOffset="15px"

CSS outline-offset Tarayıcı Desteği

Tablodaki sayılar özelliği ilk desteklyen tarayıcı versiyonlarıdır.

CSS Kodu:
outline-offset 4.0 Desteklenmiyor 3.5 3.1 10.5

CSS outline-offset Değerleri

outline-offset:length|initial|inherit;

CSS outline-offset özelliği değerleri

CSS outline-offset değerleri CSS outline-offset değerleri tanımları
length Sayısal değer girilir px cm gibi.
initial özelliğin varsayılan özelliğidir.
inherit Kalıtsal olarak aldığı değerdir.

Yorumlar

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

HTML Resimler

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Javascript ile neler yapılabilir

HTML blockquote Etiketi Örnek

YouTube Reklam Engelleyici

Linklerin Renklerini Değiştirme Örnek