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 ±ß¿ò