CSS outline 属性解析

本文 介绍了 css中 outline属性的基本内容

CSS中 outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

outline简写属性在一个声明中设置所有的轮廓属性。

可以设置的属性分别是(按顺序):outline-color, outline-style, outline-width

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。

outline属性:

  • outline-color: 规定边框的颜色。
  • outline-style: 规定边框的样式。
  • outline-width: 规定边框的宽度。
  • inherit : 规定应该从父元素继承 outline 属性的设置。

实例:

<html>
<head>
<meta charset="utf-8"> 
<title>IT懒猫 www.catroom.com.cn</title> 
<style>
p 
{
	border:1px solid red;
	outline:green dotted thick;
}
</style>
</head>

<body>
<p><b>注意:</b> 如果只有一个 !DOCTYP E指定 IE8 支持 outline 属性。</p>
</body>
</html>

效果:
css outline

上一篇 下一篇


推荐文章

评论
说点什么吧?

发表评论

取消回复
  最新文章