CSS3 边框 - box-shadow

 box-shadow

div
{
box-shadow: 10px 10px 5px #888888;
}

  浏览器支持

JavaScript 语法：object.style.boxShadow="10px 10px 5px #888888"

box-shadow: h-shadow v-shadow blur spread color inset;

值

	描述	测试
h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊距离。
spread	可选。阴影的尺寸。
color	可选。阴影的颜色。请参阅 CSS 颜色值。
inset	可选。将外部阴影 (outset) 改为内部阴影。

border-image

div
{
-webkit-border-image:url(border.png) 30 30 round; /* Safari 5 */
-o-border-image:url(border.png) 30 30 round; /* Opera */
border-image:url(border.png) 30 30 round;
}

定义和用法

border-image 属性是一个简写属性，用于设置以下属性：

• border-image-source

• border-image-slice

• border-image-width

• border-image-outset

• border-image-repeat

如果省略值，会设置其默认值。

JavaScript 语法：    object.style.borderImage="url(border.png) 30 30 round"