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 progress Etiketi

CSS content Özelliği

HTML section Etiketi

CSS transition-delay Özelliği

CSS align-items özelliği

CSS text-justify Özelliği

CSS justify-content Özelliği

HTML5 Canvas Oyun Yapımı Dersleri

CSS overflow Özelliği

CSS top Özelliği