在CSS3之前,图像不能直接应用于边框,设计师通常把边框的每个角或每条边单独做成一张图,使背景图像的方式来模拟实现图像边框的效果。为了增强边框效果,CSS3中新增了border-image属性,专门用于图像边框的处理,它的强大之处在于它能灵活地分割图像,并应用于边框。语法格式如下;
    border-image:属性值;
    border-image属性的属性值说明如下。
    1,none:该属性值为默认值,表示无边框。
    2,4.3.4图像边框—border-image属性 - 图1:用于设置边框图像,可以使用绝对地址或相对地址。
    3,:裁切边框图像大小,该属性值没有单位,默认单位为像素。
    4,:裁切边框大小,使用百分比表示。
    5,:由浮点数字和单位标识符组成的长度值,不可以为负值,用于设置边框宽度。
    6,stretch | repeat | round:分别表示拉伸、重复、平铺,其中stretch是默认值。