css 外轮廓outline
特性:outline 版本:CSS2 目的:设置外轮廓 常用
语法:
outline : outline-color ||outline-style || outline-width
特性: outline-color 版本:CSS2 目的:设置外轮廓颜色 常用
outline-color : color |invert
参数:
color : 指定颜色。请参阅颜色单位和附录:颜色表
invert : 使用背景色的反色
特性:outline-style版本:CSS2 目的:设置外轮廓样式 常用
语法:
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的值画菱形边框
inset : 根据outline-color的值画3D凹边
outset : 根据outline-color的值画3D凸边
outline-width版本:CSS2 目的:设置外轮廓宽度
语法:
outline-width : medium | thin | thick | length
参数:
medium : 默认宽度
thin : 小于默认宽度
thick : 大于默认宽度
length : 由浮点数字和单位标识符组成的长度值。不可为负值。请参阅长度单位
box-sizing版本:CSS3.0 边框样式
语法:
box-sizing : content-box | border-box | inherit
相关属性 : 无
取值:
content-box: 此值维持css2.1盒模型的组成模式,border|padding|content {element width=border+padding+content}
border-box: 此值改变css2.1盒模型组成模式,content|border|padding {element width=content}
resize
版本:CSS3.0 继承性:无 目的,调节元素的尺寸
语法:
resize : none | both | horizontal | vertical | inherit
相关属性: N/A
取值:
none:
UserAgent没提供尺寸调整机制,用户不能操纵机制调节元素的尺寸。
both:
UserAgent提供双向尺寸调整机制,让用户可以调节元素的宽度和高度。
horizontal:
UserAgent提供单向水平尺寸调整机制,让用户可以调节元素的宽度。
vertical:
UserAgent提供单向垂直尺寸调整机制,让用户可以调节元素的高度。
inherit:
默认继承。
outline 版本:CSS3.0 目的,边框轮廓的集合
语法:
outline:[outline-color] || [outline-style] || [outline-width] || [outline-offset] | inherit
相关属性:outline-style , outline-width , outline-offset , outline-color
取值:
<outline-color>:
指定轮廓边框颜色。参见outline-color
<outline-style>:
指定轮廓边框轮廓。参见outline-style
<outline-width>:
指定轮廓边框宽度。参见outline-width
<outline-offset>:
指定轮廓边框偏移位置的数值。参见outline-offset
inherit:
默认。
outline-width 版本:CSS3.0 目的:指定边框宽度
语法:
outline-width: thin | medium | thick | <length>
相关属性:outline , outline-color , outline-style , outline-offset
取值:
thin:
定义细轮廓。
medium:
默认。定义中等的轮廓。
thick:
定义粗的轮廓。
<length> :
定义轮廓粗细的值
outline-style版本:CSS3.0 目的,边框的样式
语法:
outline-style:none | dotted | dashed | solid | double | groove | ridge | inset | outset
相关属性:outline , outline-width , outline-offset , outline-color
取值:
none: 默认值。定义无轮廓。
dotted: 定义一个点状的轮廓。
dashed: 定义一个虚线轮廓。
solid: 定义一个实线轮廓。
double: 定义一个双线轮廓。双线的宽度等同于outline-width的值。
groove: 定义一个3D凹槽轮廓。此效果取决于outline-color的值
ridge: 定义一个3D凸槽轮廓。此效果取决于outline-color的值
inset: 定义一个3D凹槽轮廓。此效果取决于outline-color的值
outset: 定义一个3D凸槽轮廓。此效果取决于outline-color的值
outline-offset 版本:CSS3.0 目的:定义轮廓与元素的距离
语法:
outline-offset:<length> | inherit
相关属性:outline , outline-width , outline-style , outline-color
取值:
<length>:
定义轮廓距离容器的值。
inherit:
默认继承。
说明:
outline-offset 可以让轮廓偏离容器边缘,即可以调整外框与容器边缘的距离。参见outline属性。
outline-color 版本:CSS3.0 目的,定义轮廓颜色
语法:
outline-width:<color> | inherit
相关属性:outline , outline-width , outline-style , outline-offset
取值:
<color>:
可以是颜色名 (如 red),rgb 值(如 rgb(255,0,0)) 或十六进制值 (如 #ff0000)。
inherit:
默认继承。执行颜色反转(逆向的颜色)。这么做是为了使边框在不同的背景颜色中都是可见的。
nav-index 版本:CSS3.0 目的:定义导航的顺序
语法:
nav-index : auto | <number> | inherit
相关属性 : nav-up , nav-right , nav-down , nav-left
取值:
auto:
User Agent默认的顺序。
<number>:
该数字(必须是正整数)指定了元素的导航顺序。'1'意味着最先被导航。当若干个元素的nav-index值相同时,则按照文档的先后顺序进行导航。
inherit:
默认继承。
nav-up 版本:CSS3.0
语法:
nav-up : auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 : nav-index , nav-up , nav-right , nav-down
取值:
auto:
User Agent默认的顺序。
<id> :
要切换元素的id命名。
root | <target-name>:
这个参数不能以”_”命名,指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在,则被视为当前页面的焦点,意味着完全依赖框架页。该属性是以关键节点" root " 标示,User agent将把整个frameset框架页定为目标。
inherit:
默认继承。
nav-right 版本:CSS3.0
语法:
nav-right : auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 : nav-index , nav-up , nav-right , nav-down
取值:
auto:
User Agent默认的顺序。
<id> :
要切换元素的id命名。
root | <target-name>:
这个参数不能以”_”命名,指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在,则被视为当前页面的焦点,意味着完全依赖框架页。该属性是以关键节点" root " 标示,User agent将把整个frameset框架页定为目标。
inherit:
默认继承。
nav-down 版本:CSS3.0
语法:
nav-down : auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 : nav-index , nav-up , nav-right , nav-down
取值:
auto:
User Agent默认的顺序。
<id> :
要切换元素的id命名。
root | <target-name>:
这个参数不能以”_”命名,指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在,则被视为当前页面的焦点,意味着完全依赖框架页。该属性是以关键节点”root”标示,User agent将把整个frameset框架页定为目标。
inherit:
默认继承。
nav-left 版本:CSS3.0
语法:
nav-left : auto | <id> [ current | root | <target-name> ]? | inherit
相关属性 : nav-index , nav-up , nav-right , nav-down
取值:
auto:
User Agent默认的顺序。
<id> :
要切换元素的id命名。
root | <target-name>:
这个参数不能以”_”命名,指出frameset目标页面之间的元素焦点切换。如果指定的目标页面不存在,则被视为当前页面的焦点,意味着完全依赖框架页。该属性是以关键节点" root " 标示,User agent将把整个frameset框架页定为目标。
inherit:
默认继承。