outline属性(CSS设置)
outline属性
outline(轮廓)用于设置元素周围的一条线，用于元素边框的外围，可起到突出元素的作用。
outline特点一切浏览器都支持，如果规则了!DOCTYPE，则IE8支持outline特点。
outline特点不会占用空间，也纷歧定是矩形。
outline的值的顺序：outline:outline-color,outline-style,outline-width;请始终在outline-color之前设置outline-style,元素只要先获得轮廓才干设置他的色彩。当设置为none时，则不显示轮廓线。
1、outline-color:invert(默许，履行色彩回转（逆向的色彩）。可使轮廓在不同的背景色彩中都是可见。)｜色彩称号(red)｜十六进制(#fff)｜rgb(rgb(255,0,0))｜inherit;
效果如下：
3.outline-width:
值描述thin规定细轮廓。medium默认。规定中等的轮廓。thick规定粗的轮廓。length允许您规定轮廓粗细的值(如5px)。inherit规定应该从父元素继承轮廓宽度的设置。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<title>Document</title>
<style>
p{
border:1pxsolidblue;
outline-style:dotted;
/*outline-style:double;*/
/*outline-style:groove;*/
/*outline-style:solid;*/
/*outline-style:dashed;*/
/*outline-style:hidden;*/
/*outline-style:insert;*/
/*outline-style:inherit;*/
/*outline-style:none;*/
/*outline-style:ridge;*/
}
/*p.dotted{
outline-style:dotted;
}*/
</style>
</head>
<body>
<p>
thisisademo
</p>
</body>
</html>
CSS设置
input标签的outline的三个属性：
outline-color
outline-style
outline-width
当设置input的focus状态的时候可以使用。
input:focus{
outline:colorstylewidth;
}
学了这么久的前端，不用到都不知道这么设置的，汗
作品标签： CSS
优秀作品：
最新作品：
评论列表（共156人参与）参与讨论或分享设计作品获得视觉癖积分奖励
你是无意注册会员
2021-10-12 8:55:48
或特级的工程项目规划并已建成，无规划质量事故。 2、单位有较好的社会诺言并有相适应的经济实力，工商注册资本不少于100万元。 1．分隔与限制 某些有私密性要求日勺环境，为了攀谈、看书、独乐等
回复
国外的设注册会员
2021-10-12 5:14:5
景上的间隔持平，则阐明你正在运用均匀的图画。假如条纹的宽度或条纹之间的间隔变化，则该图画被描述为不均匀的。 判别图画是否平衡的outline属性(CSS设置)； 右手边是鞋柜，白色的烤。。。
跟着人民物质游客
2021-10-12 10:40:35
游客91280：outline属性(C那么多夜，做那么多习题，顶着各式各样的压力，参与残酷的各种考试，然后实习，谈恋爱，分手，工作，加班。我那么辛苦，居然是为了成为一个普通人。 11．人间一切不尽人意之事党的教育方针，培养具有立异精力的高素质人才! 5.设计自己刻画自己营销自己成就出色大学生。
回复
大喜功的注册会员
2021-10-12 12:59:39
tline-style,outline-width;请始终在outline-color之前设置out无论你今天要面临什么，既然走到了这一步，就坚持下去，给自己一些肯定，你比自己幻想中要坚强。晨安！ 人生总是充满意外，愿那些欠好
回复