CSS2样式表(属性·轮廓)

原创 2007年10月10日 13:35:00
1、outline
 

语法:
outline : outline-color || outline-style || outline-width
取值:
该属性是复合属性。请参阅各参数对应的属性。

说明:
设置或检索对象外的线条轮廓。外轮廓( outline )画在边框( border )外面,并且不一定是矩形。
对应的脚本特性为 outline 。


示例:

img { outline: red }
p { outline: double 5px }
button { outline: #E9E9E9 double thin }

2、outline-color
 

语法:
outline-color : color | invert
取值:
color : 指定颜色。请参阅 颜色单位 和 附录:颜色表
invert : 默认值。使用背景色的反色

说明:
设置或检索对象外的线条轮廓( outline )的颜色。参见属性。
对应的脚本特性为 outlineColor 。


示例:

img { outline-color: red }
p { outline-color: #E9E9E9 }

 

3、outline-style
 

语法:
outline-style : none | dotted | dashed | solid | double | groove | ridge | inset | outset
取值:
none : 默认值。无边框。与任何指定的 outline-width 值无关
dotted : 点线外轮廓
dashed : 虚线外轮廓
solid : 实线外轮廓
double : 双线外轮廓。两条单线与其间隔的和等于指定的 oueline-width 值
groove : 根据 outline-color 的值画3D凹槽外轮廓
ridge : 根据 outline-color 的值画3D凸槽外轮廓
inset : 根据 outline-color 的值画3D凹边外轮廓
outset : 根据 outline-color 的值画3D凸边外轮廓

说明:
设置或检索对象外的线条轮廓( outline )的样式。
对应的脚本特性为 outlineStyle 。


示例:

img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

4、outline-width
 

语法:
outline-width : medium | thin | thick | length
取值:
medium : 默认值。默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅 长度单位

说明:
设置或检索对象外的线条轮廓( outline )的宽度。
对应的脚本特性为 outlineWidth 。


示例:

img { outline-color: orange; outline-style: solid ; outline-width: medium ; }

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/vince6799/article/details/1818294

css1 css2 css3 区别

css1 css2 css3 区别        CSS1提供有关字体、颜色、位置和文本属性的基本信息,该版本已经得到了目前解析HTML和XML的浏览器的广泛支持。        但自从CSS1的版本...
  • damon940111
  • damon940111
  • 2018-02-10 13:28:16
  • 131

css中outline

CSS3中outline属性是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 例如:在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个...
  • zsg88
  • zsg88
  • 2016-03-02 14:22:15
  • 325

CSS-轮廓(outline)

轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,起到突出元素的作用。 轮廓(outline)属性指定了样式,颜色和外边框的宽度。 属性 说明 值 ...
  • qq_28796345
  • qq_28796345
  • 2016-07-31 00:38:12
  • 217

CSS2样式表(属性·定位)

1、position   语法:position :...
  • vince6799
  • vince6799
  • 2007-09-28 15:41:00
  • 743

CSS2 样式表(属性·边框)

1、border   语法:border : bor...
  • vince6799
  • vince6799
  • 2007-10-17 15:00:00
  • 1288

CSS2 样式表(属性·声音)

1、voice-family   语法:voice-...
  • vince6799
  • vince6799
  • 2007-11-14 15:45:00
  • 1761

CSS2 样式表(属性·打印)

1、page   语法:page : auto | ...
  • vince6799
  • vince6799
  • 2007-11-12 14:25:00
  • 1205

CSS2 样式表(属性·列表)

1、list-style   语法:list-sty...
  • vince6799
  • vince6799
  • 2007-10-29 17:26:00
  • 1086

CSS2样式表(属性·尺寸)

1、height   语法:height : aut...
  • vince6799
  • vince6799
  • 2007-09-30 14:20:00
  • 1351

CSS2样式表(属性·文本)

1、text-indent   语法:text-in...
  • vince6799
  • vince6799
  • 2007-09-26 09:11:00
  • 1814
收藏助手
不良信息举报
您举报文章:CSS2样式表(属性·轮廓)
举报原因:
原因补充:

(最多只允许输入30个字)