之间的确切区别是什么CSS outset,inset,border and outline。
真的很困惑，什么属性可以一起应用。？
哪些浏览器支持上述哪些属性？
上述属性的简短示例会很好。
谢谢
问问题
13592 次
3 回答
21
边框和轮廓差异
边框：边框边缘围绕框边框。它的面积计算盒子模型的总大小。您可以为四个可能的边框（上、右、下和左）中的每一个指定大小 ( border-width)、颜色 ( border-color) 和样式 ( )。您可以在此处border-style检索有关边框属性的更多信息。
轮廓：类似于边框，但在这种情况下不占用空间，与border. 此外，您不能单独设置每个边框的样式，轮廓样式适用于框的所有四个边。Outline可以和 一起使用border。您可以应用于大纲的属性是，outline-color您可以在此处 获取有关大纲属性的更多信息。outline-styleoutline-width
这是一个盒子模型，表示outline和border
边框样式：插图和开头
插图：这是一个边框样式。边框使框看起来好像嵌入在画布中。您可以border-style在border-color和中使用它border-width。
一开始：另一种边框样式。'inset' 的反义词：边框使框看起来好像从画布中出来。您可以border-style在border-color和中使用它border-width。
文档和来源
于 2013-04-25T06:40:00.227 回答
0
这些是边界的属性
插图：定义一个 3D 插图边框。效果取决于边框颜色值 开始：定义 3D 开始边框。效果取决于边框颜色值轮廓：设置元素周围的轮廓
于 2013-04-25T06:01:29.220 回答
0
第一个答案是很好的答案。希望我们在两个月前开始使用 html-dom 时发现了这个。
只是想补充一下：这里最大的区别是，border没有offset属性（不影响元素放置的“边框”的“填充”）并且outline不能用-radius属性进行圆形。
于 2014-08-31T13:01:12.327 回答