CSS border-image-width özelliği

tanım ve kullanım

border-image-width özelliği, görsel kenarlığın genişliğini belirler.

daha fazla bilgi için:

CSS3 eğitim:CSS3 Kenar

örnek

görsel kenarlığın genişliğini belirler:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

CSS dilbilgisi

border-image-width: number|%|auto;

yorum:border-image-width özelliğinin dört tanımı, kenarlık resmini dokuz bölüme ayırır. Bu mesafeler, bölgenin üst, sağ, alt, sol kenarlarına doğru içeriye olan mesafeleri temsil eder. Dördüncü değer atlanırsa, ikinci değerle aynı olur. Üçüncü değer atlanırsa, birinci değerle aynı olur. İkinci değer atlanırsa, birinci değerle aynı olur. border-image-width değeri olarak herhangi bir negatif değer kullanılmaz.

özellik değeri

değer tanım
number karşılık gelen border-width'in katlarıdır.
% kenarlık resim alanının ölçülerine atıfta bulunur: yükseklik, yatay kaymayı etkiler, genişlik, dikey kaymayı etkiler.
auto Bu özellik belirlenirse, genişlik, ilgili resim kesiminin yerel genişliğidir.

teknik ayrıntılar

varsayılan değer: yok
miras edilebilirlik: hayır
sürüm: CSS3
JavaScript dilbilgisi: object.style.borderImageWidth="30 30"

tarayıcı desteği

tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome IE / Edge Firefox Safari Opera
15.0 11.0 13.0 6.0 15.0

bakınız border-image özellik.