css3 outline CSS3 outline-offset 属性

css3 outline

CSS3 outline 是一种新的 CSS 属性，它可以用来替代传统的边框（border）属性。它可以让你在不使用边框的情况下，为元素添加一个外轮廓。

outline 和 border 的最大区别是，outline 不会占用额外的空间，也就是说它不会影响元素的布局。这意味着你可以在不影响布局的情况下，为元素添加一个外轮廓。

outline: 1px solid #000;  

outline 和 border 的另一个区别是，outline 是单独的一条样式设置，而 border 是由四条样式设置所构成。这意味着你可以使用 outline 进行快速样式调整，而不必重新定义四条样式。

 
outline-style: solid;   
outline-width: 1px;    
outline-color: #000;    

此外，CSS3 outline 还有一些其他特性，例如可以使用 outline-offset 属性来将外轮廓向内或向外偏移一定的距离。这对于制作特殊效果很有帮助。

  
  
outline-offset: -10px;     

   
outline-offset: 10px;      														    

CSS3 outline-offset 属性

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

outline-offset: length|inherit;