CSS outline-offset Özelliği
CSS outline-offset
Cssoutline-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 mesafesinioutline-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
Yorum Gönder