Jquery CSS开头/插图、边框和轮廓

CSS开头、插图、边框和轮廓之间的确切区别是什么 真的很困惑这一点，以及什么属性可以一起应用。？
哪些浏览器支持上述哪些属性？
关于上述属性的简短示例将很好

---

谢谢

这些是border的财产

插入：定义三维插入边框。效果取决于边框颜色值 起点：定义三维起点边界。效果取决于边框颜色值 大纲：设置元素周围的大纲

边框和大纲差异 边框：边框边缘围绕长方体边框。计算长方体模型的总大小。您可以为四个可能的边框（顶部、右侧、底部和左侧）中的每一个指定大小（

边框宽度

）、颜色（

边框颜色

）和样式（

边框样式

）。您可以检索有关边框属性的详细信息

轮廓：类似于边框，但在本例中不占用空间，与

边框相对。此外，不能单独设置每个边框的样式，轮廓样式适用于长方体的所有四边<代码>大纲

可与

边框

一起使用。您可以应用于轮廓的属性有

轮廓颜色

、

轮廓样式

和

轮廓宽度

您可以获得有关轮廓属性的更多信息

这是一个盒子模型，表示

轮廓

和

边框

边框样式：插入和开始 插图：这是一个。边框使长方体看起来好像嵌入到画布中。您可以在

边框颜色

和

边框宽度

中使用此

边框样式

开始：另一个。“inset”的反面：边框使长方体看起来像是从画布中出来的。您可以在

边框颜色

和

边框宽度

中使用此

边框样式

文件和资料来源

---

第一个答案是很好的答案。希望我们在两个月前开始使用html dom时发现这一点

---

我想补充一点：这里最大的区别是，

边框

没有

偏移量

属性（“边框”的“填充”不会影响元素的放置），并且

轮廓

不能用

-radius

属性进行圆化。
谢谢你这么棒的回答：）很高兴提供帮助！对于其他浏览器中的边框外观，“文档和来源”中的第一个链接有很多示例；）