CSS3 border-top-left-radius ÊôÐÔ
ʵÀý
Ïò div ÔªËØµÄ×óÉϽÇÌí¼ÓÔ²½Ç±ß¿ò£º
div
{
border:2px solid;
border-top-left-radius:2em;
}
ä¯ÀÀÆ÷Ö§³Ö
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
IE9+¡¢Firefox 4+¡¢Chrome¡¢Safari 5+ ÒÔ¼° Opera Ö§³Ö border-top-left-radius ÊôÐÔ¡£
¶¨ÒåºÍÓ÷¨
border-top-left-radius ÊôÐÔ¶¨Òå×óÉϽDZ߿òµÄÐÎ×´¡£
Ìáʾ£º¸ÃÊôÐÔÔÊÐíÄúÏòÔªËØÌí¼ÓÔ²½Ç±ß¿ò¡£
ĬÈÏÖµ£º | 0 |
---|---|
¼Ì³ÐÐÔ£º | no |
°æ±¾£º | CSS3 |
JavaScript Óï·¨£º | object.style.borderTopLeftRadius="5px" |
Óï·¨
border-bottom-right-radius: length|% [length|%];
×¢ÊÍ£ºborder-top-left-radius ÊôÐԵij¤¶ÈÖµºÍ°Ù·Ö±ÈÖµ¶¨ÒåËÄ·ÖÖ®Ò»ÍÖÔ²£¨¶¨ÒåÍⲿ±ß¿ò±ßÔµµÄ±ß½ÇÐÎ×´£©µÄ°ë¾¶£¨radii£©¡£µÚÒ»¸öÖµÊÇˮƽ°ë¾¶£¬µÚ¶þ¸öÖµÊÇ´¹Ö±°ë¾¶¡£Èç¹ûÊ¡ÂÔµÚ¶þ¸öÖµ£¬Ôò¸´ÖƵÚÒ»¸öÖµ¡£Èç¹û³¤¶ÈΪÁ㣬Ôò±ß½ÇΪ·½ÐΣ¬¶ø²»ÊÇÔ²ÐΡ£Ë®Æ½°ë¾¶µÄ°Ù·Ö±ÈÖµ²Î¿¼±ß¿òºÐµÄ¿í¶È£¬¶ø´¹Ö±°ë¾¶µÄ°Ù·Ö±ÈÖµ²Î¿¼±ß¿òºÐµÄ¸ß¶È¡£
Öµ | ÃèÊö | ²âÊÔ |
---|---|---|
length | ¶¨Òå×óϽǵÄÐÎ×´¡£ | ²âÊÔ |
% | ÒÔ°Ù·Ö±ÈÖµ¶¨Òå×óϽǵÄÐÎ×´¡£ | ²âÊÔ |
Ïà¹ØÒ³Ãæ
CSS3 ½Ì³Ì£ºCSS3 ±ß¿ò