border-image-outset
Özelliği Temel Özellikler
- CSS Yazımı :
border-image-outset: <uzunluk> | <sayı>;
- Örnek :
border-image-outset: 13rem;
|border-image-outset: 1.5;
- Öntanımlı Değer :
0
- Uygulanabilen Etiketler :
border-collapse
özelliği değericollapse
olan iç tablo ögeleri dışında, tüm etiketler.::first-letter
ögelerine de uygulanabilir.- Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animation
Özelliği - Javascript :
öge.style.borderImageOutset = "10px";
- Sürüm :
- CSS Backgrounds and Borders Module Level 3
- Açıklama :
- Çerçeve görselinin kutu sınırına uzaklığını belirler.
border-image-outset
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS border-image-outset
özelliği; border-image
özelliğinde belirtilen görselin, kutu sınırından ne kadar uzakta gösterileceğini belirler.
Bu özelliğin sonucu olarak kutu sınırının dışında gösterilen çerçeve görseli, kaydırmayı tetiklemez. Bu alanlar ayrıca tıklama olayını da yakalamaz.
border-image-outset
özelliği değeri tekli, çift, üçlü, ve dörtlü yazımlardan herhangi biriyle kullanılabilir. Her bir değer <uzunluk>
ya da <sayı>
'dır ve eksi değerler geçersizdir.
- Tek değerli kullanımda: Değer dört tarafın tümü için geçerlidir.
- Çift değerli kullanımda: İlk değer yukarı/aşağı boşlukları belirlerken ikinci değer ise sağ/sol boşlukları belirler.
- Üç değerli kullanımda: İlk değer yukarı, ikinci değer sağ/sol boşlukları, ve son değer de aşağı boşluğu belirler.
- Dört değerli kullanımda: Yukarıdan başlayarak saat yönünde yukarı, sağ, aşağı ve sol çerçeve dışı boşluklar belirlenir.
border-image-outset
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 15 | 15 | 6 | 15 | 11 |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 15 | Yok | Yok | Yok | Yok |
[1] : İ.E. sürümlerinin hiç birisi initial
anahtar sözcüğünün desteklemiyor.
[2] : border-image-outset
özelliğinin eş anlamlısı olan -ms-border-image-outset
özelliğinin kullanmayın.
border-image-outset
Özelliğinin Alabileceği Değerler
<uzunluk>
- Çerçeve görseli başlangıcının boyut olarak değeri.
<sayı>
- Çerçeve görseli başlangıcının çerçeve genişliği olarak değeri.