这一属性指定了指点设备应该显示怎样类型的光标。取值的含义如下:
P { cursor : url("mything.cur"), url("second.csr"), text; }
除了可以为文本,背景等指定预定义的颜色值之外,CSS2允许用户以将颜色集成到用户的图形环境里的方式指定颜色。因此,考虑到用户偏好的样式规则提供了如下的优势:
为系统色彩定义的值试图详尽。如果系统并没有对应值,那么指定的值必须映射到最接近的系统属性或缺省颜色。
下面的列表列出与CSS属性中颜色相关的值以及它们一般的含义。任何颜色属性(例如'color'或'background-color')可以用其中的一个名字。尽管它们对大小写不敏感,我们建议使用如下所示的混合大小写方式,以使这些名字更容易读懂。
例如,要设置段落的前景和背景色与用户窗口的前景、背景色一致,可以这么写:
P { color: WindowText; background-color: Window }
和色彩一样,作者可以使用用户系统资源来指定字体。具体内容请参见'font'属性。
有些时候,样式表作者可能想在可视对象(如按钮,活动窗体域,图形地图等)周围创建外廓使它们突出显示。CSS2的外廓和边框的不同在于:
外廓属性控制着这些动态外廓的样式。
值: | [ <'outline-color'> || <'outline-style'> || <'outline-width'> ] | inherit |
初始值: | 参见各属性 |
适用于: | 所有元素 |
可否继承: | 否 |
百分比: | N/A |
媒介: | 视觉,交互 |
值: | <border-width> | inherit |
初始值: | medium |
适用于: | 所有元素 |
可否继承: | 否 |
百分比: | N/A |
媒介: | 视觉,交互 |
值: | <border-style> | inherit |
初始值: | none |
适用于: | 所有元素 |
可否继承: | 否 |
百分比: | N/A |
媒介: | 视觉,交互 |
值: | <color> | invert | inherit |
初始值: | invert |
适用于: | 所有元素 |
可否继承: | 否 |
百分比: | N/A |
媒介: | 视觉,交互 |
outline属性创建的外廓画在一个框“上面”,也就是说,外廓总是在顶上,不会影响该框或任何其它框的尺寸。因此,显示或不显示外廓不会影响流。
外廓起画于边框边之外。
外廓可能是非矩形的。例如,假定该元素被分割在好几行,那么外廓就至少是能要包含该元素所有框的外廓。和边框不同的是,外廓在线框的起讫端都不是开放的,它总是完全闭合的。
'outline-width'属性接受值和'border-width'一样。
'outline-style'属性接受值和'border-style'一样,但是'hidden'并不是一个合法的外廓样式。
'outline-color'接受所有的颜色,还包括关键字'invert'。'invert'应该在屏幕上对像素点颜色进行一次反转。这个小技巧保证焦点框可见,而不管背景颜色是什么。
'outline'属性是个快速属性,可以设置'outline-style','outline-width'和'outline-color'。
注意,外廓在各个边都一样。和边框不同,没有诸如'outline-top'或'outline-left'属性。
本规范没有定义如何绘制多个互相覆盖的外廓,也没有定义如何绘制因在其它元素之后而有部分不可见的框的外廓。
注意,由于焦点外廓并不影响格式化(也就是说,在框模型中并灭有它的空间),它可能会覆盖页面上的其它元素。
下例中在BUTTON元素周围画出一个粗的外廓:
BUTTON { outline-width : thick }
可以用脚本来动态的改变外廓的宽度,而不会引起流的变化。
图形化的用户界面可以用元素周围的外廓来告诉用户页面上哪个元素获得了焦点。这些外廓是额外于任何边框的,而切换外廓的显示和不显示不会使文档发生流的变化。焦点是文档中用户交互的主题(例如,输入文本,选择一个按钮等)。用户端如果支持交互媒介组则必须跟踪焦点在何处,而且必须显示焦点。这个可以通过动态外廓和:focus伪类的联合使用完成。
例如,要在一个元素获得焦点时在周围画一个粗黑实线外廓,而在它活动时画一个粗红实线外廓,可以用下面的规则:
:focus { outline: thick solid black } :active { outline: thick solid red }
CSS工作组认为放大文档或部分文档不应该通过样式表规定。用户端可以用不同的方式支持这样的放大(例如,更大的图形,更响的声音等)。
在放大页面时,UA应该保留定位元素的关系。例如,一个漫画小品可能由带有覆盖其上的文本的图片构成。如果要放大该页面,用户端应该保持文本在漫画小品的气球中。