CSS outline-color 属性

CSS outline-color 属性用于指定轮廓颜色

CSS outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围

请始终在 outline-color 属性之前声明 outline-style 属性

元素只有获得轮廓以后才能改变其轮廓的颜色

默认值 invert
继承 no
版本 CSS2
JavaScript 语法: object.style.outlineColor="#00FF00"

语法

outline-color: *color* | invert | inherit

属性值

描述
color 指定轮廓颜色。在 CSS颜色值 寻找颜色值的完整列表
invert 默认。执行颜色反转(逆向的颜色)
可使轮廓在不同的背景颜色中都是可见
inherit 规定应该从父元素继承轮廓颜色的设置

说明

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

outline 不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

1.0 8.0 1.5 1.2 7.0

范例

设置一个虚线轮廓的颜色

p {
    outline-style:dotted;
    outline-color:#00ff00;
}

运行范例 »

相关文章

  1. CSS 基础教程 CSS outline
  2. CSS 参考手册: outline 属性

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.