border 和 outline的区别
1.border占用空间，outline不占用空间，不会影响元素的尺寸和位置。 2.border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计。 从而另一个区别也可以推理出，那就是： outline 的效果将随元素的 focus ...
原文：border和outline的区别
如果有一个需求，给一个元素增加一条边框，想必大家会习惯且娴熟的使用border来实现， 其实outline也能达到同样的效果，并且在有些场景下会更适用，比如下面的demo 使用border后，div宽度增加，导致超出父元素 使用outline后，div元素宽度不会改变 DEMO 那么到底border和outline到底有什么区别呢 outline是不占空间的，即不会增加额外的宽度 width 或 ...
2019-07-23 16:58 0 443 推荐指数：
相关推荐
outline使用方法,outline与border的区别:
在浏览器里，当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是 outline 。 outline 能告诉用户那一个可以激发事件的html元素获取了焦点，对钟爱键盘操作的用户尤其有意义。一个清晰悦目的outline设计能提高使用 ...
outline:0与outline:none区别
outline:0与outline:none的效果完全一样，用哪个都行，为了少写几个字，提倡用outline:0。具体区别如下： 出处: https://stackoverflow.com/questions/35648667/outline-none-vs-outline-0 ...
边框(Border) 和 轮廓(Outline) 属性
一、属性描述 属性 描述 border 复合属性。设置对象边框的特性。 outline 复合属性。设置或检索对象外的线条轮廓。 border-radius 设置或检索 ...
border：0；和border：none；的区别
无边框用border:none还是border:0一直都是一个热议的问题，两者除了在渲染性能上面的差别以为，在标准浏览器中页面表现是没有任何差别的。下面一起认识一下它们本质的区别：一、border:noneborder-style的简写在chrome审查元素看到以下 ...
border：none 与border：0的区别
border:none与border:0的区别体现为两点：一是理论上的性能差异，二是浏览器兼容性的差异。 性能差异： 【border:0;】把border设为“0”像素效果等于border-width:0，浏览器依然对border-width、border-color进行了渲染，即已经占用 ...
border、margin、padding三者的区别
当你写前端的时候，肯定会遇到border,margin和padding这几个单词。 如： padding: 16px 0; margin: 0 10px; 在CSS中，他们是表示距离的东西，很多人刚开始搞不清楚他们的区别，我也是。在网上找到一个很好的说明他们之间的区别的示意图，border ...
border-box与content-box的区别
㈠box-sizing 属性 ⑴box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 ⑵语法：box-sizing: content-box|border-box|inherit; ⑶取值 ㈡content-box相关内容 ⑴padding ...