CSS3 border-image-outset ÊôÐÔ

ʵÀý

ÉèÖà border-image-outset ÊôÐÔ£º

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

ä¯ÀÀÆ÷Ö§³Ö

IE Firefox Chrome Safari Opera

Opera ²»Ö§³Ö border-image-outset ÊôÐÔ¡£

Internet Explorer 10 ÒÔ¼°¸üÔçµÄ°æ±¾²»Ö§³Ö border-image-outset ÊôÐÔ¡£

Safari 5 ÒÔ¼°¸üÔçµÄ°æ±¾²»Ö§³Ö border-image-outset ÊôÐÔ¡£

Çë²ÎÔÄ border-image ÊôÐÔ¡£

¶¨ÒåºÍÓ÷¨

border-image-outset ÊôÐԹ涨±ß¿òͼÏñ³¬¹ý±ß¿òºÐµÄÁ¿¡£

ĬÈÏÖµ£º 0
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS3
JavaScript Óï·¨£º object.style.borderImageOutset="30 30"

¿ÉÄܵÄÖµ

border-image-outset: length|number;

×¢ÊÍ£ºborder-image-outset ÊôÐԹ涨±ß¿òͼÏñ³¬³ö±ß¿òºÐµÄÁ¿¡£ÔÚÉÏ¡¢ÓÒ¡¢Ï¡¢×ó²à¡£Èç¹ûºöÂÔµÚËĸöÖµ£¬ÔòÓëµÚ¶þ¸öÖµÏàͬ¡£Èç¹ûÊ¡ÂÔµÚÈý¸öÖµ£¬ÔòÓëµÚÒ»¸öÖµÏàͬ¡£Èç¹ûÊ¡ÂÔµÚ¶þ¸öÖµ£¬ÔòÓëµÚÒ»¸öÖµÏàͬ¡£²»ÔÊÐíÈκθºÖµ×÷Ϊ border-image-outset Öµ¡£

Öµ ÃèÊö
length
number ´ú±í¶ÔÓ¦µÄ border-width µÄ±¶Êý¡£

Ïà¹ØÒ³Ãæ

CSS3 ½Ì³Ì£ºCSS3 ±ß¿ò

VUE