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 ; }

 

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS2 样式表 声音 语言 属性

1、voice-family   语法: voice-family : child | female | male || name  取值: child :  童声  ...
  • anihasiyou
  • anihasiyou
  • 2013年09月25日 15:29
  • 765

CSS2与CSS3布局方式比较

本文主要介绍了CSS2与CSS3布局方式的不同,通过二者的对比得出CSS3布局的优势...
  • fengyinchao
  • fengyinchao
  • 2015年07月02日 21:02
  • 455

opencv(26)---轮廓特征属性及应用之颜色空间

HSV颜色空间HSV颜色空间与人眼所看色彩较接近, 故常用于颜色检测与识别。其中H(色调)、S(饱和度)、V(亮度) H—不同的颜色(红色/绿色/蓝色)—范围: 0~360 S—颜色深浅(浅红/深红)...
  • u010847519
  • u010847519
  • 2017年05月23日 15:25
  • 276

css2 和 css3的区别

animation(基础动画)eg:  div { animation: myfirst 5s linear 2s infinite alternate; /* Firefox: */ -mo...
  • black__zzc
  • black__zzc
  • 2016年07月09日 20:51
  • 2478

CSS2字体和文本属性

direcation: 文本阅读方向 属性: 取值:ltr | rtl 解释:文本方向从左到右(默认)| 文本方向从右到左 font:字体  用于同时定义font-size,font-variant,...
  • Abenazhan
  • Abenazhan
  • 2017年05月30日 03:37
  • 131

CSS2布局属性

border:用于同时设置border-width,border-style,border-color bordrt-bottom:设置下边框宽度,样式颜色 boeder-bottom-colo...
  • Abenazhan
  • Abenazhan
  • 2017年05月30日 03:39
  • 84

CSS2伪类及其他属性

:link:未被访问过的标签的样式 属性: color:颜色设置链接在点击时候的颜色 background-color:背景颜色,颜色设置在点击时候背景颜色 border:边框设置 :visite...
  • Abenazhan
  • Abenazhan
  • 2017年05月30日 03:42
  • 82

CSS2位置属性

clip:设置对象可视区域  属性: 取值:shape | auto  解释:元素形状rect (top, right, bottom, left) | 不应用剪裁(默认) height...
  • Abenazhan
  • Abenazhan
  • 2017年05月30日 03:41
  • 138

CSS2与CSS3属性

CSS2 CSS 背景属性(Background) background在一个声明中设置所有的背景属性。 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动...
  • u011626859
  • u011626859
  • 2015年06月27日 22:17
  • 122

CSS2列表属性

display:显示及显示样式 属性: 取值:none | block | inline | inline-block | list-item | run-in |table | inline-...
  • Abenazhan
  • Abenazhan
  • 2017年05月30日 03:40
  • 163
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS2样式表(属性·轮廓)
举报原因:
原因补充:

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