outline

概述

英 [ˈaʊtlaɪn]   美 [ˈaʊtˌlaɪn] 

offset  

偏移量

英 [ˈɒfset]   美 [ˈɔ:fset]

css outline-offset属性 语法


outline-offset属性如何使用?

outline-offset属性设置轮廓与边框边缘之间的距离。基本语法:outline-offset:length;表示轮廓与边框之间的距离为length,length的单位可以是绝对单位(如px),也可以是相对单位(如:%)。

作用:outline-offset 属性对轮廓进行偏移,并在边框边缘进行绘制。轮廓在两方面与边框不同:轮廓不占用空间,轮廓可能是非矩形。

语法:outline-offset: length|inherit;

说明:length    轮廓与边框边缘的距离。    inherit    规定应从父元素继承 outline-offset 属性的值。

注释:所有主流浏览器都支持 outline-offset 属性,除了 Internet Explorer。

css outline-offset属性 示例

<!DOCTYPE html>

<html>

<head>

<style> 

div{

margin:20px;

width:150px; 

padding:10px;

height:70px;

border:2px solid black;

outline:2px solid red;

outline-offset:15px;} 

</style>

</head>

<body>

<p><b>注释:</b>Internet Explorer 和 Opera 不支持 support outline-offset 属性。</p>

<div>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div>

</body>

</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐