CSS border-image-width Özellik
Örnek
Kenarlık görüntüsünün genişliğini belirtin:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Tanım ve Kullanım
Özellik border-image-width
, kenarlık görüntüsünün genişliğini belirtir.
İpucu: Ayrıca border-image özelliğine de bakın (tüm border-image-* özelliklerini ayarlamak için bir kestirme özellik).
Varsayılan değer: | 1 |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.borderImageWidth="20px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS Sözdizimi
border-image-width: number|%|auto|initial|inherit;
Not: Özellik border-image-width
bir ile dört arasında değer alabilir (üst, sağ, alt ve sol taraflar). Dördüncü değer atlanırsa, ikinci ile aynıdır. Üçüncüsü de atlanırsa, ilkiyle aynıdır. İkincisi de atlanırsa, ilkiyle aynıdır.
Mülk değerleri
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Kenarlık Resimleri
CSS Referansı: border-image özelliği
CSS Referansı: border-image-outset özelliği
CSS Referansı: border-image-repeat özelliği
CSS Referansı: border-image-slice özelliği
CSS Referansı: border-image-source özelliği
HTML DOM referansı: borderImageWidth özelliği