CSS border-image-outset Özellik
Örnek
Kenarlık görüntüsünü bir öğenin kenarlık kenarlarının 10 piksel dışına yerleştirin:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Tanım ve Kullanım
Özellik border-image-outset
, sınır görüntü alanının sınır kutusunun ötesine ne kadar uzandığını 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: | 0 |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.borderImageOutset="10px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Sözdizimi
border-image-outset: length|number|initial|inherit;
Not: Özellik border-image-outset
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 specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
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-repeat özelliği
CSS Referansı: border-image-slice özelliği
CSS Referansı: border-image-source özelliği
CSS Referansı: border-image-width özelliği
HTML DOM referansı: borderImageOutset özelliği