CSS border-image Özelliği
CSS border-image
Cssborder-image
özelliğini kullanarak html elemanlarının kenarlarına resim atayarak daha güzel tasarım ve sonuçlar elde edilebilir.
Örnek:
Bu örnekteborder-image
özelliğini 4 tane paragraf elemanına uygulanacaktır.#kenarresim1 {
border: 10px solid transparent;
padding: 13px;
-webkit-border-image: url(border.png) 28 round;
/* Safari 3.1-5 */
-o-border-image: url(border.png) 28 round;
/* Opera 11-12.1 */
border-image: url(border.png) 28 round;
}
CSS border-image nedir nasıl kullanılır
CSS border-image Tarayıcı Desteği
CSS Kodu: | |||||
---|---|---|---|---|---|
border-image | 16.0 4.0 -webkit- |
11.0 | 15.0 3.5 -moz- |
6.0 3.1 -webkit- |
15.0 11.0 -o- |
CSS border-image Değerleri
border-image:source slice width outset repeat|initial|inherit;
Yorumlar
Yorum Gönder