Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

CSS border-image-outset Özelliği

CSS border-image-outset Özelliği

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.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam284171469
Bugün63

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ğeri collapse 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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

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

MasaüstüTaşınabilir
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.

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

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.
Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
CSS border-image-outset Özelliği