轮廓是绘制于元素周围的一条线,位于边框边缘的外围。outline-color属性用于设置一个元素整个轮廓中可见部分的颜色。需始终在outline-color属性之前声明 outline-style 属性;元素只有获得轮廓以后才能改变其颜色。

css outline-color属性怎么用?

outline-color属性设置一个元素整个轮廓中可见部分的颜色。要记住,轮廓的样式不能是 none,否则轮廓不会出现。

说明:

请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。

注释:

outline是围绕元素,它是围绕元素的边距;但是,它是来自不同的边框属性。

轮廓不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。轮廓线不会占据空间,也不一定是矩形。

css outline-color属性 示例

p {

border: red solid thin;

outline-style: dotted;

outline-color: #00ff00;

}

注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-color 属性。

效果图:

css outline color,css outline-color属性怎么用相关推荐

  1. [css] 你用过outline属性吗?它有什么运用场景

    [css] 你用过outline属性吗?它有什么运用场景 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识 ...

  2. css多重效果,css奇技淫巧—box-shadow与outline绘制多重边框效果

    css语法: box-shadow: h-shadow v-shadow blur spread color inset; 注释:box-shadow 向框添加一个或多个阴影.该属性是由逗号分隔的阴影 ...

  3. [css] 如何给文字的color设置渐变

    [css] 如何给文字的color设置渐变 .text {background: -webkit-linear-gradient(#eee, #333);-webkit-background-clip ...

  4. html字颜色代码,css 字体颜色(css color)

    DIV CSS 字体颜色\css color知识实例讲解 在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...

  5. html css超链接字体颜色,css 字体颜色(css color)

    DIV CSS 字体颜色\css color知识实例讲解 在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...

  6. CSS中的颜色值与颜色属性

    文章目录 颜色模型 CSS颜色值的类型 颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...

  7. 前端笔记(3)css,选择器,文字文本属性,外观属性

    CSS样式表(1) (1)css概念 引入css的三种方法 行内式(内联样式) 内部样式表(内嵌样式表) 外部样式表(外链式) (2)css选择器 css基础选择器 标签选择器 类选择器 id选择器 ...

  8. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  9. CSS简介及常用标签及属性

    一.概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style ...

  10. 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性

    内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...

最新文章

  1. Oracle创建自增id,sql直接创建
  2. Activity启动流程
  3. vs2019功能介绍_MFC界面库BCGControlBar v30.0新功能详解:支持VS 2019
  4. ListView上移 和下移
  5. Java实现二维数组和稀疏数组的转换
  6. 计算机模块word2003和2007,以Word2003的名义熟悉Word2007
  7. jsp测试连接mysql_JSP 连接MySQL配置与测试
  8. 深入大数据安全分析(1):为什么需要大数据安全分析?
  9. js判断一个元素是否在数组中
  10. 三层结构对多语言的支持
  11. MyLibrary --Qt + sqlite 图书馆管理系统
  12. Python学习插曲之万年历算法
  13. 微型计算机系统的几个指标课件,[计算机基础课件67.ppt
  14. VB VBA 文本框回车键换行
  15. Verifying an Alien Dictionary
  16. GEE-Python遥感大数据分析
  17. 苹果笔记本什么系统_苹果笔记本领域双系统
  18. USB U盘Linux mass_storage驱动学习笔记(1)
  19. PHP 将连续的汉语拼音分隔开
  20. 2021届秋招嵌入式软件开发(联发科、海康威视、浙江大华、高德红外、汇顶科技、瑞芯电子、深圳有为)

热门文章

  1. SAP gateway CSRF token的获取调试办法
  2. 使用Java代码连接SAP ABAP Netweaver服务器
  3. SAP CRM WebClient UI session restart
  4. SAP S4HANA里关于生产订单的一些重要数据库表
  5. mysql5.1修改登陆密码_mysql 5.1版本修改密码及远程登录mysql数据库的方法
  6. 计算机专业伦理总结,《计算机伦理学》节译实践报告
  7. java数据跑不出来,6000条数据,java下跑了20多分钟了还没跑完,求教怎么改进
  8. oracle的视图表,oracle 常用视图和表
  9. 电脑ip地址设置_路由器怎么设置静态IP 路由器设置静态IP方法【详解】
  10. mysql 分区索引失效_分区表的本地索引竟然失效了——ORA-01502