border-image-outset属性怎么用？

　　CSS3border-image-outset属性

　　作用：规定边框图像超过边框盒的量。

　　语法：

　　border-image-outset:length|number;

　　length：表示设置边框图像（border-image）与边框的距离，默认为0。

　　number：代表相应的border-width的倍数。

　　说明：

　　1、border-image-outset属性规定边框图像超出边框盒的量，包括上下部和左右部分。如果忽略第四个值，则与第二个值相同。如果省略第三个值，则与第一个值相同。如果省略第二个值，则与第一个值相同。

　　2、border-image-outset属性不允许使用任何负值。

　　CSS3border-image-outset属性的使用示例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<style>

　　.box{

　　width:600px;

　　margin:100pxauto;

　　border:1pxsolidred;

　　}

　　border:15pxsolid;

　　padding:30px;

　　border-image:url(1.jpg)100round;

　　border-image-outset:1px10px8px;

　　}

　　</style>

　　</head>

　　<body>

　　<divclass="box">

　　<p>PHP中文网</p>

　　</div>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/css3-style/c54242.shtml