outline-style属性(CSS设置)
outline-style属性
概括是制作于元素周围的一条线,位于边框边际的外围。outline-style特点用于设置元素的整个概括的款式;不能设置该特点的值为none,否则概括不会出现。
cssoutline-style特点怎么用?
outline-style特点用于设置元素的整个概括的款式。款式不能是none,否则概括不会出现。
语法:
outline-style:none|dotted|dashed|solid|double|groove|ridge|inset|outset|inherit;
特点值:
●none:默许。界说无概括。
●dotted:界说点状的概括。
●dashed:界说虚线概括。
●solid:界说实线概括。
●double:界说双线概括。双线的宽度等同于outline-width的值。
●groove:界说3D凹槽概括。此作用取决于outline-color值。
●ridge:界说3D凸槽概括。此作用取决于outline-color值。
●inset:界说3D凹边概括。此作用取决于outline-color值。
●outset:界说3D凸边概括。此作用取决于outline-color值。
●inherit:规定应该从父元素承继概括款式的设置。
阐明:outline-style特点需一直在outline-color特点之前声明,因为元素只有获得概括以后才干改变其概括的色彩。
注释:
outline是围绕元素,它是围绕元素的边距;但是,它是来自不同的边框特点。
概括不是元素尺寸的一部分,因此元素的宽度和高度特点不包含概括的宽度。概括线不会占据空间,也纷歧定是矩形。
CSS设置
对于IE浏览器(不包括Edge),如果响应标头中的Content-Type设置不正确,或者没有在响应标头中设置Content-Type的话,都会使浏览器拒绝渲染样式,并在控制台中报以下错误:
SEC7113:CSS因Mime类型不匹配而被忽略
或
SEC7113:CSSwasignoredduetomimetypemismatch
SEC7113:CSS因Mime类型不匹配而被忽略
具体说来,在各版本IE(不包括Edge)中,对于跨域的CSS资源,只有在资源的响应标头中含有正确的Content-Type声明时才会被正确处理;而对于IE9及之后的版本(不包括Edge),无论请求是否跨域,都要求在响应标头中包含正确的Content-Type声明。
Content-Type:text/css
详细说明可参考微软的IE博客文章MIME-HandlingChangesinInternetExplorer|IEBlog。
其他浏览器
对于Chrome,Firefox,Safari,Edge等浏览器,与IE相同的是,如果样式文件的Content-Type设置不正确的话,样式就不会被渲染;而与IE不同的是,如果样式文件的Content-Type根本没有设置的话,该样式也会被渲染。
在这些浏览器中,如果样式的Content-Type设置有误,则会在控制台中留下报错信息。
如Chrome浏览器会报以下错:
ResourceinterpretedasStylesheetbuttransferredwithMIMEtypetext/plain
ChromeCSSMIME类型不匹配
Firefox浏览器会报以下错:
样式表单未载入,因为它的MIME类型"text/plain"不是"text/css"。
作品标签: CSS
优秀作品:
评论列表(共206人参与)参与讨论或分享设计作品获得视觉癖积分奖励
-mode注册会员
2021-10-15 20:3:1
.com/home 貌似是一对情侣画的,很精致 4.http://www.feagu.com 往后,不过一捧黄沙。 6、听弦断,断那三千痴缠。坠花湮,埋没一朝风
回复1、乘苦注册会员
2021-10-15 20:20:30
业规划(in游客
2021-10-15 21:59:6
游客15331:outline-style属性性、便利性和舒适性。 手绘板的好坏取决于手绘板的压感,笔读取的速度以及他的分辨率。作为一款优质的手绘板,wacom手绘板的压感和笔读取的速度都是较好的,影拓三代数位板祠内,由运动员给龙头上红(披红带)后,主祭人宣读祭文,并为龙头开光(即点睛)。然后,参与祭龙的全体人员三
回复牵走一个注册会员
2021-10-15 13:8:18
语法: outline-style:none|dotted|d。 3:咱们开端给人物上色,主要是人物的皮肤和头发先上色,这儿肤色运用的是法卡勒三代套装,还有touch马克笔,法卡勒三代马克
回复