CSS outline 属性
2023-09-11 14:21:56 时间
CSS outline 属性
实例
设置 4 个边框的样式:
p {
outline:#00FF00 dotted thick;
}
浏览器支持
所有浏览器都支持 outline 属性。
注释:如果规定了 !DOCTYPE,则 IE8 支持 outline 属性。
定义和用法
outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释:轮廓线不会占据空间,也不一定是矩形。
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
- outline-color
- outline-style
- outline-width
如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。
默认值: | invert none medium |
---|---|
继承性: | no |
版本: | CSS2 |
JavaScript 语法: | object.style.outline="#0000FF dotted thin" |
可能的值
值 | 描述 |
---|---|
outline-color | 规定边框的颜色。参阅:outline-color 中可能的值。 |
outline-style | 规定边框的样式。参阅:outline-style 中可能的值。 |
outline-width | 规定边框的宽度。参阅:outline-width 中可能的值。 |
inherit | 规定应该从父元素继承 outline 属性的设置。 |
TIY 实例
本例演示使用 outline 属性在元素周围画一条线。
相关页面
CSS 教程:CSS 轮廓
HTML DOM 参考手册:outline 属性
相关文章
- CSS - 解决子级用css float浮动 而父级div没高度不能自适应高度
- 如何利用 jQuery 修改 css 中带有 !important 的样式属性?
- JS/HTML 保存图片到本地:HTML <a> download 属性
- 属性访问、特性和修饰符
- 当css属性width设为100%时
- Android TextView中文字通过SpannableString来设置超链接、颜色、字体等属性
- css 属性选择器
- 操作网络适配器属性中的项目
- IE6支持兼容min-width、max-width CSS样式属性
- 【原创】RabbitMQ之Queue属性测试
- 去掉登录后并复制的限制-- 网站css属性 user-select 为none 的批量解决方案
- 前端学习 -- Html&Css -- 条件Hack 和属性Hack
- 自定义属性
- Qt系列文章007-Qt属性系统介绍
- Xml 常用属性、方法
- 为什么CSS这么难学?css核心知识点攻坚指南
- 134. SAP UI5 Simple Form 属性 columnsL,columnsM,columnsXL 的属性深入剖析
- SAP Spartacus cx-split-view几个css属性值的逻辑依赖关系
- SAP Spartacus ConfigInitializerService里的isStable属性
- css flex属性学习笔记
- Atitit.css 规范 bem 项目中 CSS 的组织和管理
- 常用DOM方法和属性 小结
- 〖大前端 - 基础入门三大核心之CSS篇⑧〗- CSS3文本的常用文本样式属性之字体属性详解
- Cookie中的httponly的属性和作用
- 如何理解clear的css属性?
- 【OpenCV 例程300篇】05. 图像的属性(np.shape)
- Pytest----如何通过request获取模块(文件)的属性
- 【DOM】DOM操作之如何修改元素的内容与属性_02
- 【CSS】css弹性布局、CSS hack_08
- CSS - 表格标签属性和样式属性
- CSS背景属性之颜色渐变
- 【CSS笔记】CSS布局相关属性(显示元素、文本溢出、元素浮动)